0

http://fancybox.net/の jQuery プラグインを使用してFancyBoxいます。基本的には「隠しギャラリー」に使用しています。画像がページにまったく表示されないことを意味します。ギャラリーはテキスト リンクを介して起動され、ユーザーは開いた画像をスキャンできます。

これを達成するために、私は次のようなことをしています:

<div class="all_images">
    <a href="images/1.png" class="gallery" rel="g1"></a>
    <a href="images/2.png" class="gallery" rel="g1"></a>
    <a href="images/3.png" class="gallery" rel="g1"></a>
</div>

次に、CSS で次のようにします。

.all_images {
    display: none;
}

画像が隠されているためにこのようにダウンロードされるのか、それともブラウザによって異なるのでしょうか。

一部の画像は大きくなる可能性があり、ユーザーがそれらを表示したくない場合に大量の画像をダウンロードしたくないので、そうでない場合はおそらくそれを好むでしょう。

4

2 に答える 2

5

あなたの例では、<img/>要素を表示していません。クリックした場合に画像にリンクするハイパーリンクのみがあります。ダウンロードはありません。

それらが<img/>タグの場合、それらがに設定されていてもダウンロードされますdisplay:none

于 2012-12-23T18:24:06.950 に答える
0

不要な画像のダウンロードを削除してページを最適化したい場合。これらの画像をすべて 1 つの大きな画像に結合し、この画像を背景画像として読み込むことができます。次に、CSS の background-position を利用できます。各項目 (div、a、li など) の下にある画像の一部を使用するためのプロパティ。このようにして、すべての画像をロードするための http リクエストを 1 つだけ作成します。これは、ページ最適化の優れた手法であり、不要な http リクエストを回避します。

于 2012-12-23T18:43:48.137 に答える