0

我在使用 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>
4

3 回答 3

0

您的 CSS 没有被很好地引用：

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

于 2012-10-31T15:36:41.370 回答
0

当我访问您的网站时，我明白了：

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

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

于 2012-10-31T15:37:50.690 回答
0

有几件事要解决：

一：使用 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

于 2012-10-31T18:22:26.157 回答