诚恳地请教老师,网上的图片,几百张,每张图片地址没有规律可循,可否实现滚动无线加载?如有方法,可否告知,谢谢!
首先你得有方法取到这些图片的地址,比喻有一个接口可以取到,只要能得到一个一个数组,里面就是这些图片的路径就行了。
你给他设定了 每次循环数组的次数不就可以了么
var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){ if(checkscrollside()){ var oParent = document.getElementById('main');// 父级对象 for(var i=0;i<dataInt.data.length;i++){ var oPin=document.createElement('div'); //添加 元素节点 oPin.className='pin'; //添加 类名 name属性 oParent.appendChild(oPin); //添加 子节点 var oBox=document.createElement('div'); oBox.className='box'; oPin.appendChild(oBox); var oImg=document.createElement('img'); oImg.src='./images/'+dataInt.data[i].src; oBox.appendChild(oImg); }
李老师,是需要在这里修改吗,具体怎么定义、怎么调用,能不能详细给说说,万分感谢!!!
李老师,图片地址都有,可以定义到多个数组中,但是怎么逐一加载呢?