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

修正すべき点がいくつかあります:

ONE : jQuery の単一インスタンス (理想的には最新バージョン) を使用します。これまでのところ、v1.8.2 と v1.7.2 の 2 つをロードしています。

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 に答える
0

あなたのウェブサイトにアクセスすると、次のようになります。

GET /fancybox/source/jquery.fancybox.css?v=2.1.3 404 (見つかりません) ) ショーケース.php:57 GET /fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5 404 (見つかりません) ショーケース.php:57 GET /fancybox/source/helpers/jquery.fancybox-thumbs .css?v=1.0.7 404 (見つかりません) ショーケース.php:57

リンクに問題があると思います。

于 2012-10-31T15:37:50.690 に答える
0

あなたのCSSは十分に参照されていません:

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

于 2012-10-31T15:36:41.370 に答える