活网站花哨的问题请

Question

我有问题的fancybox插件，可以哟检查我的代码请。当你在Firefox中滚动图片时，似乎你需要点击屏幕，然后它变成猿猴。

<script> 
     $(document).ready(function() { 
    $(".fancybox").fancybox({ 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 
</script> 

<script> 
$.ajax({ 
    url: "user-uploads-thumbnails", 
    success: function(data){ 
    $(data).find("a:contains(.jpg)").each(function(){ 
     // will loop through 
var images = 'user-uploads-thumbnails/' + $(this).attr("href"); 
var linkimage = 'user-uploads/' + $(this).attr("href"); 
// back up $('<p><a href="' + linkimage + '"><img class="resizeme" src="' + images + '"></a></p>').appendTo('#content'); 
$('<p><a class="fancybox" href="' + linkimage + '" data-fancybox-group="gallery"><img class="resizeme" src="' + images + '"></a></p>').appendTo('#content'); 
    }); 
    } 
}); 
//linkimage is user-uploads directory which contains the larger file for fancy box 
//user-uploads-thumbnails is only so i can pull smaller images for the infite scroll 
//<a href="user-uploads/"'linkimages'"/" > 
</script> 

Answer 1

你的CSS没有得到很好的参考：

http://ilovesmallies.com/fancybox/source/jquery.fancybox.css?v=2.1.3

Answer 2

当我访问您的网站，我得到：

GET /fancybox/source/jquery.fancybox。 css？v = 2.1.3 404（未找到）showcase.php：57 GET /scripts/helpers/jquery.fancybox-buttons.js?v=1.0.5 404（未找到）showcase.php：57 GET /fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5 404（未找到）showcase.php：57 GET /的fancybox /source/helpers/jquery.fancybox-thumbs.css?v=1.0.7 404（未找到）showcase.php：57

我认为你有一个链接的问题。

Answer 3

几件事情来解决：

ONE：使用jQuery（理想情况下，最新版本）的单个实例到目前为止您加载二：v1.8.2的和V1.7.2

TWO：如前所述，您的fancybox CSS样式表未找到（404）。你必须用正确的路径来引用它：

电流：http://ilovesmallies.com/fancybox/source/jquery.fancybox.css?v=2.1.3（404）

真：http://ilovesmallies.com/forum/scripts/jquery.fancybox.css?v=2.1.3