Fancybox 3 不想在 Microsoft Edge 和 IE 中显示灯箱图像答案

【问题标题】：Fancybox 3 doesn't want to display lightbox image in microsoft Edge and IEFancybox 3 不想在 Microsoft Edge 和 IE 中显示灯箱图像
【发布时间】：2017-10-15 12:30:30
【问题描述】：

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>

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

【问题讨论】：

显示您用于 FancyBox 和 jQuery 的 JS 代码和版本。在页面加载或点击后，IE/Edge 的控制台中是否有任何错误？
由于安全策略，如果在本地工作，通常会出现此问题。那么，您是在本地开发还是已将文件上传到网络服务器？
@Janis 我在本地开发，但也时不时在服务器上对其进行测试。我再次检查，本地工作正常，但在服务器上不行......
@makshh 我添加了版本，但不需要额外的 JS ......正如我在其他回复中提到的，它只能在本地工作，而不是在服务器上......这可能是因为服务器限制吗？
检查图片的路径，可以尝试使用绝对路径，例如 href="/path/to/image.jpg"

标签： jquery twitter-bootstrap-3 fancybox gallery lightbox

【解决方案1】：

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

【讨论】：