Question

首先，我非常感谢任何有关此事的帮助，因为我已经非常接近完成我的网站并将其投入使用。

我充其量是新手，我在Filterizr照片库中重叠图像时遇到了麻烦。

我几天来一直在研究这个问题，并且已经找到了几十篇关于这个问题的帖子和文章，但是无法解决这个问题。

我曾试图 - 没有成功 - 多次使用Desandro的图像加载脚本，但我的图像仍然重叠。

我需要知道我错过了什么。

我的图像是在Bootstrap网格中设置的，如下所示：

 <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网站上安装软件包管理器的内容，但不确定这是否必要。

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

有人可以指出我正确的方向吗？

非常感谢

所以我检查了响应式图像类并删除它们，图像仍然堆叠和重叠。

还有其他人有什么想法吗？

我觉得加载JS文件的图像只是没有与我的html文件进行通信。

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

图片代码是否有特定的ID或类？

Filterizr - Desando的图片已加载 - 我做错了什么？

0 个答案: