花式盒子 "The requested content cannot be loaded"

Question

<div class="img">
    <a href="images/foto4.jpg">
        <img src="images/foto4.jpg" width="140" height="100" class="foto">
    </a>
</div>

<script>
(function(){
    $('.foto').fancybox();
})
</script>

我已经按照教程安装了所有东西，但是当我点击图片时，我得到了

The requested content cannot be loaded. Please try again later.

有什么建议吗？

Answer 1

你的代码应该可以工作但不完美这里你的 class 应该在 tag

<a href="images/foto4.jpg" class="foto">  <!--class foo added in here-->
        <img src="images/foto4.jpg" width="140" height="100"> <!--class foo removed-->
</a>

现在，如果您仍然遇到此问题，请在图片弹出时检查您的图片。是否正确获取目录？最好你可以检查它保留没有任何文件夹的图像。

注意：此处花哨的弹出窗口将显示您的 a href 图片。

有关详细信息，请参阅 example

花式盒子 "The requested content cannot be loaded"

Fancybox "The requested content cannot be loaded"

fancybox