Web にすべての画像を読み込むためにlazyloadプラグインを使用しています。これらの画像はそれぞれ div に含まれており、いくつかの説明とボタンも含まれています。
<div class="container">
<h5>blablabla</h5>
<img class='lazy' data-original="http://example.gif" src="">
<form method="post" action='#'>
<input type="submit" value='add'>
...
</form>
</div>
<div class="container">
....
</div>
...
動作していますが、画像が完全に読み込まれるまですべての div を非表示にしたいのですが、残念ながらそれを達成する方法についてのヒントが見つかりませんでした。出来ますか？
編集:
私はまだそれを機能させることができなかったので、何が問題なのかを指摘してくれることを期待して、 jsfiddleを作成しました。レイジーロードがすべての画像で機能することをコメントするdisplay:noneと、それ以外の場合、div は常に非表示のままになります。