リストとサムネイル表示の作成方法

Question

私はたくさんのムービーをリストアップしているWebアプリケーションを持っていますが、今はそれぞれのサムネイルをロードしていますが、ムービーのリストが非常に大きい場合、読み込み中。だから、私はユーザーに2つのビューを提供することを考えている：サムネイルビューとリストビュー（これは速い読み込み用です）。

これを達成するためにはどのオプションが必要ですか？ユーザーがリストビュー方法を選択した場合には、

は

1.-Iの2つのビューを作成し、1または別（リストビューまたは親指）を非表示にすることができますが、私はとして考慮すべきいくつかのトピックがあるので、この質問をしますページが隠れた画像を読み込んでいるのを防ぐことはできますか？ （または、このようにしておく必要がありますか？） 2. 2つのパネル（あらゆる種類のビューの1つ）を持っていて、ショーを隠すのは良いですか？または正常にどのように行われますか？

私は非常にきれいで理解しやすく最適化したいと思っています。ありがとう

Answer 1

一つの解決策は、このようなリストまたはあまりにも多くの荷重（または任意の与えられたJavaScriptの条件）としてそれらを表示するように選択するユーザーとして定期<img>タグを使用すると、特定の状況下では、リストに変換することです：

$('img').each(function() { 
    var img = $(this), 
    src = $(img).attr('src'); 
    $(this).replaceWith($("<li><a href='" + src + "'>" + src + "</a></li>")); 
}); 

これを示すフィドルを作成しました。here

これはDOM要素自体を対象としているため、イメージをリンクに変換する前にイメージのロードが完了するのを実際に待つ必要はありません。

希望すると便利です。