jquery - FancyBox 在自己的页面上打开图像

Question

我已经尝试了针对此问题发布的其他几个答案，但我仍然无法弄清楚。

这是有问题的网站。

我承认除了 HTML 和我自己破译的内容之外没有真正的编程经验。

谢谢！

Answer 1

那是因为你实际上没有正确地包含fancybox。

访问您的网站时出现以下 404 错误：

'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-buttons.css?v=1.0.3'
'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6'
'http://ryansamul.com/dark/fresco/css/fresco/fresco.css'
'http://ryansamul.com/dark/fancy/source/jquery.fancybox.css?v=2.1.0'
'http://ryansamul.com/dark/js/swfsubject/swfsubject.js'
'http://ryansamul.com/dark/fresco/js/fresco/fresco.js'

也许您忘记将这些文件上传到您的服务器？或者路径错误。

Answer 2

在您的custom.js文件中，您jQuery.noConflict()用于初始化函数：

jQuery.noConflict()(function($){
 //.... 
});

...到目前为止一切都很好，但是在您的主页中，您的fancybox初始化没有使用jQuery.noConflict()

<script type="text/javascript">
 $(document).ready(function() {
  $(".fancybox-thumb").fancybox();
 });
</script>

...所以像这样修改它应该可以解决问题：

<script type="text/javascript">
 jQuery(document).ready(function() {
   jQuery(".fancybox-thumb").fancybox();
 });
</script>

Answer 3

在新标签页中打开的照片有一个class="portfolio-item-preview"而不是class="fancybox-thumb". 更改此设置将使 fancybox 在所有元素上正确初始化。