2012-03-12 11 views
0

リンクをクリックすると(jQueryロード機能付き)一部の画像が読み込まれますが、最後に最初に読み込まれたような画像が最初に表示され、最初の画像が表示されているように見えます。jQuery load():ページの下から写真が最初に表示されないようにするにはどうすればよいですか?

ロードされたページの最後の画像が最初に短く表示されないようにするにはどうすればよいですか?

+1

あなたのコードを教えてください。 – gdoron

+0

@ drake035これはあなたが探しているものです:['lazyload'](http://www.appelsiini.net/projects/lazyload)? –

答えて

1

css display:none;を画像のデフォルトの先頭として使用できます。また、ドキュメントの準備が整った後、jqueryを使用してそれらを見えるようにします。

<img src="..." class="noshow" /> 

そして、このスタイル:

.noshow{ display: none; } 
その後

ロード機能からのコールバックを使用して、あなたが、最初に現れるクラス「NOSHOW」を追加したくない写真については

+1

さらに、 'visibility:hidden'を使って、他のコンテンツが 'display:none'で作成したすべての「穴」を埋めるようにシフトしないようにしてください。 – Sparky

+0

1.画像はDOM ready 。 2.彼は 'ajax'リクエストで画像を読み込んでいます。 – gdoron

+0

その後、ajaxリクエストの成功コールバックで画像を表示することができます。 – websymphony

0

:また、あなたはしたい場合などimgタグに直接スタイリングを入れて、「.SHOW()」メソッドを使用することができます

$('#result').load('ajax/test.html', function() { 
    $(".noshow").removeClass("noshow"); 
}); 

それはより凝縮される。

関連する問題