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

时间:2012-10-01 20:13:01

标签: jquery fancybox

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

Here is the site that has the problem

我承认除了HTML以及我为自己解读的内容之外,没有真正的编程经验。

谢谢!

3 个答案:

答案 0 :(得分: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'

也许您忘了将这些文件上传到您的服务器?或者说道路错了。

答案 1 :(得分:0)

在您的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>

答案 2 :(得分:0)

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