1

私はこのトピックに不慣れなので、この質問についてお詫び申し上げます:)投稿にアップロードされたすべての画像を一度に1つずつ表示する必要があるページを作成する必要があります。ユーザーが次のボタンをクリックすると、最初の画像を置き換えて次の画像をロードする必要があります。

< [ image1 ] > 
  Title
  Description
  other content

--> ユーザーが次へをクリック

< [ image2 ] > 
  Title
  Description
  other content

ただし、画像表示の読み込みを高速化するには、次の 2 つの画像を非表示のパネルにダウンロードする必要があります。そのため、ユーザーが [次へ] をクリックして次の画像のバンドルを読み込むと、画像がキャッシュされます。

このタスクを実行するために ajax を使用する場合、ブラウザーはダウンロードした画像を使用しますか、それとも ajax はそれらをもう一度ダウンロードしますか?

このプロセスをより最適化する方法はありますか?

どうもありがとうございました！

4

1 に答える 1

0

画像の src 属性を "data:image/png ;base64,(base64stringhere)" (base64stringhere) をダウンロードしたイメージの base64 文字列に置き換えます

参照: http://www.techerator.com/2011/12/how-to-embed-images-directly-into-your-html/

ref: JavaScript で文字列を Base64 にエンコードするにはどうすればよいですか?

注: ほとんどのブラウザーは画像をキャッシュするため、ユーザーが既にダウンロードした画像を表示している場合、かなりの帯域幅が浪費されます。

于 2013-03-16T22:42:09.347 に答える