jquery - ページ読み込み時に画像をスライドアップ

Question

ページが読み込まれたときに、ヘッダーの下の中央の領域のように、画像をすべて派手にスライドさせようとしています。これまでの私のjQueryは次のとおりです。

$(function() {
        $("#product_img").on('load', function() {
        $(this).show('slide', {
            direction: 'up' }, 2000); });
});

私もこれを試しました：

$("#product_img").animate({'up':200},255,'linear', function() {console.log('Done Animation'); })

Chromeデバッガーで「Done Animation」を出力しますが、画像は表示されません。:/ 現在の画像は #product_img { display: none; 私のCSSで。私が見逃しているものはありますか？D:

助けてくれてありがとう！

score 0 · Accepted Answer

これを使用してみてください：

$("#product_img").one('load', function () {
    $(this).slideDown(2000);
}).each(function () {
    if (this.complete) $(this).trigger('load');
});

ここで動作しています: http://jsfiddle.net/bbR8Y/2/

2 に答える 2