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

Question

我已经尝试了这个问题的其他几个答案，我仍然无法弄明白。

Here is the site that has the problem

我承认除了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在所有元素上正确初始化。