滑块和带有图像的Ajax

时间:2018-11-26 11:18:19

标签: html css json ajax slideshow

我的页面上有一个幻灯片显示,一段时间后图像被更改。幻灯片放映起初效果很好,直到我输入JSON。现在我只能看到第一张图像,但是它们没有改变。有什么想法吗?

https://jsfiddle.net/j2qoyk13/ 有一个小提琴,但是作为链接,所有内容都在本地主机上,可能没有用..您仍然可以看到代码。

这里是懒人的:)

List<int> myInts = new List<int>();
myInts = myStrs.Distinct().Select(
    x =>
    {
        int parsed;
        int.TryParse(x, out parsed);
        return parsed;
    })  
.ToList();

当然,问题是,为什么添加JSON时幻灯片现在没有变化?

1 个答案:

答案 0 :(得分:1)

将您的JSON循环逻辑更新为此

$.getJSON('http://localhost:8080/data.json', function(result){

    var i = 0;
    $('.sidenav li').each(function(e){
        $(this).find('img').attr('src',result[i].src);
        $(this).find('img').attr('alt',result[i].alt);
        i++;
    });  

});