为了账号安全,请及时绑定邮箱和手机立即绑定

网络外链多图如何实现瀑布流滚动加载?

诚恳地请教老师,网上的图片,几百张,每张图片地址没有规律可循,可否实现滚动无线加载?如有方法,可否告知,谢谢!

正在回答

4 回答

首先你得有方法取到这些图片的地址,比喻有一个接口可以取到,只要能得到一个一个数组,里面就是这些图片的路径就行了。

1 回复 有任何疑惑可以回复我~
#1

mahu365 提问者

李老师,图片地址都有,可以定义到多个数组中,但是怎么逐一加载呢?
2015-12-09 回复 有任何疑惑可以回复我~
#2

mahu365 提问者

非常感谢!
2015-12-09 回复 有任何疑惑可以回复我~

你给他设定了 每次循环数组的次数不就可以了么

1 回复 有任何疑惑可以回复我~
#1

mahu365 提问者

好的,谢谢您!
2015-12-10 回复 有任何疑惑可以回复我~
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);
            }

李老师,是需要在这里修改吗,具体怎么定义、怎么调用,能不能详细给说说,万分感谢!!!

0 回复 有任何疑惑可以回复我~
#1

lejsure

这个滚动一下图片重叠
2016-02-19 回复 有任何疑惑可以回复我~

李老师,图片地址都有,可以定义到多个数组中,但是怎么逐一加载呢?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
瀑布流布局
  • 参与学习       97759    人
  • 解答问题       736    个

瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式

进入课程

网络外链多图如何实现瀑布流滚动加载?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信