附加和使用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

回答

相关问题