亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

網絡外鏈多圖如何實現瀑布流滾動加載？

誠懇地請教老師，網上的圖片，幾百張，每張圖片地址沒有規律可循，可否實現滾動無線加載？如有方法，可否告知，謝謝！

正在回答

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);
????????????}

李老師，是需要在這里修改嗎，具體怎么定義、怎么調用，能不能詳細給說說，萬分感謝！?。?br />

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

lejsure

這個滾動一下圖片重疊
2016-02-19 回復 有任何疑惑可以回復我~

李老師，圖片地址都有，可以定義到多個數組中，但是怎么逐一加載呢？

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

舉報

0/150
提交
取消
瀑布流布局
  • 參與學習       97751    人
  • 解答問題       758    個

瀑布流布局是網站比較流行的一種布局方式，教你實現三大方式

進入課程

網絡外鏈多圖如何實現瀑布流滾動加載？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號