Javascript 使用jquery动态添加和交叉淡入图像

这就是我现在拥有的：

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

---

我有点迷路了。有什么帮助吗。谢谢。

您可以创建图像链接数组，然后使用

for

循环将新的

附加到容器中：


var-imageLinks=[“link1”、“link2”]；
var容器=$（“#nhs#U基本搜索框”）；
对于（var i=0；icontainer.append（$）（‘好吧，这就是你所说的？@Regent，Woohoo！非常感谢。@Regent请不要在评论中发布答案，这个问题仍然没有答案……@Regent@TJ我已经在Meta中阅读了这篇文章和一些其他相关问题。好吧，我同意在评论中留下正确答案有缺点（当没有正确的答案时）。我将尝试在将来添加它们作为答案（当然，如果它在评论中被证明是正确的答案）。您好，@Regent将被附加到容器中，但我不理解{src:…}@Labanino，它是
属性的设置。整行等于
container.append（$（''）；
，但看起来更简单/优雅。您还可以设置新创建元素的另一个属性：例如，也可以设置
alt
：
{src:imageLinks[i]，alt:“my_text”}
Nice，“+”比“{}”更直观。非常感谢。container.append（$（“”））；为我工作。@Labanino不客气。是的，这更直观，但使用
{}
代码看起来更干净。在不同的情况下，一种或另一种方式更合适。
<div id="nhs_BasicSearchBox"></div>

$('img').hide();

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

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

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