0

デモサイト:http://83.249.244.210:8080/img/

Firefox でサイトを数回更新してみてください。画像がフェードインすると、一部の画像がちらつきます。誰でも理由を説明できますか？

これは私の画像をロードする方法です：

$(function(){

        $.post('service.php?getPhotos', function(data){

            var loadCount = 0;

            $.each(data, function(){

                $.post('service.php?getImage', { id: this.id }, function(data2){

                    loadCount++;

                    var $galleryItem = $('<div/>')
                        .hide()
                        .attr({ 'class': 'galleryItem' })
                        .html('<a href="'+ data2.photo.id +'"><img src="http://farm'+ data2.photo.farm +'.staticflickr.com/'+ data2.photo.server +'/'+ data2.photo.id +'_'+ data2.photo.secret + '_q.jpg"/></a><h3>'+ data2.photo.title._content +'</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing.</p>');

                    $('#container').append($galleryItem); 

                    $galleryItem.find('img').load(function(){

                        $galleryItem.fadeIn(200);
                    });

                });

            });
        });

    });
4

1 に答える 1

1

jQuery がフェードインする前に css で画像を非表示にしてみませんか?

#container > div {
    display: none;
}
于 2012-09-12T20:37:17.833 に答える