附加和使用jQuery

動態交叉淡入淡出的圖像，這是我現在有：附加和使用jQuery

<div id="nhs_BasicSearchBox"> 
    <img src="img1.jpg" /> 
    <img src="img2.jpg" /> 
</div>

但是我真正想要做的是添加動態圖像：

<div id="nhs_BasicSearchBox"></div>

，這我的jquery：

$('img').hide(); 

function animg() { 
    $("#nhs_BasicSearchBox img").first().appendTo('#nhs_BasicSearchBox').fadeOut(1500); 
    $("#nhs_BasicSearchBox img").first().fadeIn(1500); 
    setTimeout(animg, 6000); 
} 
animg();

我有點失落。任何幫助？ This is my fiddle。謝謝。

來源

2014-10-06 Labanino

嗯，是[這個小提琴]（http://jsfiddle.net/Regent3000/3rdxqz66/6/）你在說什麼？ – Regent 2014-10-06 18:20:29

@Regent，Woohoo！非常感謝你。 – Labanino 2014-10-06 18:25:13

@Regent請不要在評論中張貼答案，這個問題仍然沒有答案... – 2014-10-06 18:28:45

您可以創建圖片鏈接數組，然後使用for環路這些鏈接爲src集裝箱追加新<img> S：

Fiddle。

var imageLinks = ["link1", "link2"]; 

var container = $("#nhs_BasicSearchBox"); 
for (var i = 0; i < imageLinks.length; i++) 
{ 
    container.append($('<img>', { src: imageLinks[i] })); 
}

來源

2014-10-07 11:01:52 Regent

嗨，@Regent將附加到容器上，但我不明白{src：.....} – Labanino 2014-10-08 04:46:22

@Labanino這是'''src'屬性的設置。整行等於'container.append（$（''））;'，但看起來更簡單/優雅。您還可以設置新創建的元素的另一個屬性：例如，還有'alt'：'{src：imageLinks [i]，alt：「my_text」}' – Regent 2014-10-08 09:00:02

不錯，'+'比'{}'更直觀。非常感謝你。 – Labanino 2014-10-08 13:04:46

附加和使用jQuery

回答

相關問題