诚恳地请教老师,网上的图片,几百张,每张图片地址没有规律可循,可否实现滚动无线加载?如有方法,可否告知,谢谢!
首先你得有方法取到这些图片的地址,比喻有一个接口可以取到,只要能得到一个一个数组,里面就是这些图片的路径就行了。
你给他设定了 每次循环数组的次数不就可以了么
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);
}李老师,是需要在这里修改吗,具体怎么定义、怎么调用,能不能详细给说说,万分感谢!!!
李老师,图片地址都有,可以定义到多个数组中,但是怎么逐一加载呢?