jQuery文件名操作

Question

我想要做一個花哨的模糊/淡出效果（這意味着我需要2圖像），但我只想加載1在HTML中（如果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> 

問題n是，什麼是jQuery克隆/複製相關圖像，然後重命名src？

任何幫助將非常appreicated。

A.

Answer 1

我可以看到這樣做你會喜歡的方式的唯一的問題是，你可以嘗試有JS加載在它克隆代碼文件時遇到阻塞問題。您的JS會在遍歷集合時等待每個文件下載。

一個更清晰的方式可能會讓你簡單地使用CSS隱藏每個模糊部分中的第二個文件。這樣資產可以並行化，並且仍然可以在沒有JS的情況下工作。