Question

我遇到了这个问题：我希望在连续循环中更改src元素的img属性。

这是我的HTML和jQuery代码：

<img id="changeSlider" src="{{asset('uploads/photos/')}}{{photo.path}}" alt="">
<script type="text/javascript">
$(document).ready(function() {
    var i = 1;
    while(i < 10) {
        $("#changeSlider").attr('src', '{{asset("uploads/photos/")}}{{photos[0].path}}').delay(3000);
        i++;
    }
});
</script>

Answer 1

您可以通过setIntervall更新常规时基上的图像路径并循环显示图像（假设一个函数可以根据索引生成图像网址）：

var count = 20; // actual number of available photos
var next = 0;

window.setInterval(showNextImage, 3000);

function showNextImage() {
 $('#changeSlider').prop('src', URL_OF_PHOTO(next));
 next = (++next)%count;
}

在多个图像之间循环

1 个答案: