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

现场网站有Fancy Box问题请

3 个答案: