0

ファンシーなぼかし/フェード効果を実行しようとしていますが(つまり、2つの画像が必要です)、HTMLに1つだけをロードし(jsがアクティブでない場合)、jQueryを介して他のファイル名を追加します(ファイルをコピーして名前を変更します) /src)

純粋な html は次の行に沿っています。

<div id="work">
 <div>
  <img src="css/images/abc1.jpg" width="360" height="227" alt="" />
 </div>
 <div>
  <img src="css/images/xyz1.jpg" width="360" height="227" alt="" />
 </div>
</div>

しかし、jquery が DOM を操作した後の html は、次のようにする必要があります。

<div id="work">
 <div>
  <img src="css/images/abc0.jpg" width="360" height="227" alt="" />
  <img src="css/images/abc1.jpg" width="360" height="227" alt="" />
 </div>
 <div>
  <img src="css/images/xyz0.jpg" width="360" height="227" alt="" />
  <img src="css/images/xyz1.jpg" width="360" height="227" alt="" />
 </div>
</div>

問題は、相対イメージを複製/コピーしてからsrcの名前を変更するjQueryは何ですか?

どんな助けでも大歓迎です。

A.

4

1 に答える 1

0

私が見ることができる唯一の問題は、JS がコードを複製するときにファイルをロードしようとすると、ブロッキングの問題が発生する可能性があることです。コレクションを反復処理するときに、JS は各ファイルがダウンロードされるのを待ちます。

CSS を使用して、各ぼかしセクションの 2 番目のファイルを単純に非表示にするのが、よりクリーンな方法です。この方法でアセットを並列化でき、JS がなくても機能します。

于 2010-04-09T14:53:07.150 に答える