老师实现无限滚动的方法不友好
一般项目中，轮播的图片也应该是从后端获取数据，然后用循环遍历数据渲染，老师这种做法对后端很不友好，但我确实不知道用原生js如何实现不加附属图如何实现无限滚动，知道的小伙伴可以发个链接，贴个代码，谢谢
1 回答
//假设接收到的图片数据如下json:
var json='['+
'{"n":0,"img":"imgName"},'+
'{"n":1,"img":"imgName"},'+
'{"n":2,"img":"imgName"},'+
'{"n":3,"img":"imgName"},'+
'{"n":4,"img":"imgName"},'+
']';
//'<li data-n="n"><img src="../imgName"></li>'用li标签来放图片
var imgs=eval("("+json+")");//将接收到的json数据解析为数组
var imgsPanel=null; //包含图片的li标签的父级
var initImage=function(){ //将每个对象替换为li格式的字符串在放回数组
for(var i=0;i<imgs.length;i++){
imgs[i]='<li data-n="'+imgs[i].i+'">'+
'<img src="../'+imgs[i].img+'"></li>'
}
imgsPanel.innerHTML=imgs.join(""); //将数组中的li组成字符串
}
举报
0/150
提交
取消
