Question

Fancybox在chrome，safari和firefox中运行得很好，但是当我尝试在Edge或IE中点击缩略图时，我收到消息，“内容无法显示，请稍后再试。

这是我在fancybox设置指南中显示的图像行;

div class="container-fluid">
          <div class="row catimg">
            <div class="col-sm-12"> <a data-type="fancybox" data-fancybox="gallery" href="afbeeldingen/trapauto.jpg"><img src="afbeeldingen/trapauto.jpg"></a> </div>
          </div>
        </div>

用于引导项目

<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>

更新经过另一次检查后，它似乎只在本地工作，而不是在服务器上工作。

Answer 1

如@janis所述，灯箱图片应以绝对路径链接：<a href="http://website.com/image.jpg"而不是<a href="image.jpg"

Fancybox 3不希望在Microsoft Edge和IE中显示灯箱图像

1 个答案: