現場網站上有花哨的盒子，請

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（未找到）Shower.php：57 GET /scripts/helpers/jquery.fancybox-buttons.js?v=1.0.5 404（未找到） ）Shower.php：57 GET /fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5 404（未找到）Shower.php：57 GET /fancybox/source/helpers/jquery.fancybox-thumbs .css？v = 1.0.7 404（未找到）Shower.php：57

我認為您有鏈接問題。

Answer 3

要修復的幾件事：

一個 ：使用單個jQuery實例（最好是最新版本）到目前為止，您正在加載兩個：v1.8.2和v1.7.2

兩個 ：如前所述，找不到您的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