老師實(shí)現(xiàn)無限滾動(dòng)的方法不友好
一般項(xiàng)目中，輪播的圖片也應(yīng)該是從后端獲取數(shù)據(jù)，然后用循環(huán)遍歷數(shù)據(jù)渲染，老師這種做法對(duì)后端很不友好，但我確實(shí)不知道用原生js如何實(shí)現(xiàn)不加附屬圖如何實(shí)現(xiàn)無限滾動(dòng)，知道的小伙伴可以發(fā)個(gè)鏈接，貼個(gè)代碼，謝謝
雨菲玥玥
2016-10-30
1 回答
舉報(bào)
0/150
提交
取消
2016-10-31
//假設(shè)接收到的圖片數(shù)據(jù)如下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標(biāo)簽來放圖片 ? ??
var imgs=eval("("+json+")");//將接收到的json數(shù)據(jù)解析為數(shù)組
var imgsPanel=null; ? ? ? ? //包含圖片的li標(biāo)簽的父級(jí)
var initImage=function(){ ? //將每個(gè)對(duì)象替換為li格式的字符串在放回?cái)?shù)組
????????????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(""); //將數(shù)組中的li組成字符串
}