Javascript Filterizr-Desando'；s图像被放大了-我做错了什么？

首先，在这个问题上的任何帮助都是非常感谢的，因为我是如此接近完成我的网站，并使其生活

我充其量只是一个新手，在我的Filterizr照片库中遇到了重叠图像的问题

我已经研究这个问题好几天了，已经找到了几十篇关于这个问题的帖子和文章，但我无法弄清楚这一点

我曾多次尝试使用Desandro的imagesLoaded脚本，但都没有成功，但我的图像仍然重叠

我需要知道我错过了什么

我的映像是在引导网格中设置的，如下所示：

 <div class="row">
                <div class="filtr-container">

                    <!-- bridal gallery 1 photos -->

                    <div class="col s6 filtr-item col-pd" data-category="1">
                        <a href="../../img/portfolio/bridal/gallery_1/bridal_gallery_1-1.jpg" class="image-popup"><img class="responsive-img" src="../../img/portfolio/bridal/gallery_1/bridal_gallery_1-1.jpg" alt="sample image"></a>
                    </div>

                     <div class="col s6 filtr-item col-pd" data-category="1">
                        <a href="../../img/portfolio/bridal/gallery_1/bridal_gallery_1-2.jpg" class="image-popup"><img class="responsive-img" src="../../img/portfolio/bridal/gallery_1/bridal_gallery_1-2.jpg" alt="sample image"></a>
                    </div>

               </div>
      </div>

本页底部是我的脚本链接：

<script src="../../js/imagesloaded.pkgd.js"></script>

我已经将整个imagesLoaded脚本复制并粘贴到一个JS文件中

还有一个Filterizr JS文件，我在这里没有包含

但重叠仍在继续

我看到一些关于在imagesLoaded网站上安装软件包管理器的信息，但不确定这是否必要

如果是，这可能是我的问题，但我不知道如何安装包管理器

谁能给我指一下正确的方向吗

非常感谢

所以我检查了responsive image类并删除了它们，图像仍然堆叠和重叠

还有其他人有什么想法吗

我觉得加载JS文件的图像与我的html文件无法通信

如果图像是指向备用图像源的链接，它是否仍然有效

---

图像标签应该有特定的ID或类别吗？

我看到您的图像有一个名为

responsive img

的类别。该类可能会像浮点或绝对位置一样添加，这可能是问题的原因。你能检查一下那个班的学生在做什么吗？使用chrome开发工具，看看你的图片有什么样的风格。我觉得这并不重要，所以我从每个图片链接中删除了“responsive img”类，但它仍然不起作用。