只是告诉我tree.png

时间:2016-12-21 23:59:25

标签: javascript jquery html css html5

有人可以帮我找到这段代码的问题,这个代码只向我显示了相同图像的三倍,tree.png ??

var bankImages = ["troyano", "backup", "tree"];

jQuery.each( bankImages, function( i, val ) {                
    $('#imagesContainer').css("background-image","url(../images/" + val + ".png)")
                         .animate({width: "show"})
                         .delay(500)
                         .animate({width: "hide"});
});

1 个答案:

答案 0 :(得分:1)

这是做我认为你想要做的最糟糕的方式。
您看到tree 3次,因为tree是数组中的最后一项,并且被设置为$('#imagesContainer')的背景,无论之前数组中是否有任何项目它。 (想想看,因为这一切都会立即发生,所以当然最后一项将是你会看到的东西)

您需要提出不同的逻辑,或许可以考虑使用setIntervalsettimeout技术来更改图像。