活網站花哨的問題請

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