課程
/前端開發(fā)
/JavaScript
/瀑布流布局
誠懇地請教老師,網(wǎng)上的圖片,幾百張,每張圖片地址沒有規(guī)律可循,可否實現(xiàn)滾動無線加載?如有方法,可否告知,謝謝!
2015-12-09
源自:瀑布流布局
正在回答
首先你得有方法取到這些圖片的地址,比喻有一個接口可以取到,只要能得到一個一個數(shù)組,里面就是這些圖片的路徑就行了。
mahu365 提問者
你給他設(shè)定了 每次循環(huán)數(shù)組的次數(shù)不就可以了么
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');?//添加?元素節(jié)點 ????????????????oPin.className='pin';???????????????????//添加?類名?name屬性 ????????????????oParent.appendChild(oPin);??????????????//添加?子節(jié)點 ????????????????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); ????????????}
李老師,是需要在這里修改嗎,具體怎么定義、怎么調(diào)用,能不能詳細給說說,萬分感謝?。。?br />
lejsure
李老師,圖片地址都有,可以定義到多個數(shù)組中,但是怎么逐一加載呢?
舉報
瀑布流布局是網(wǎng)站比較流行的一種布局方式,教你實現(xiàn)三大方式
1 回答css實現(xiàn)瀑布流自動加載
1 回答CSS3實現(xiàn)瀑布流布局,拖動滾動條,圖片晃動
3 回答瀑布流實現(xiàn)
1 回答zepto + 圖片懶加載 + 瀑布流
1 回答javascript實現(xiàn)瀑布流
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-12-09
首先你得有方法取到這些圖片的地址,比喻有一個接口可以取到,只要能得到一個一個數(shù)組,里面就是這些圖片的路徑就行了。
2015-12-10
你給他設(shè)定了 每次循環(huán)數(shù)組的次數(shù)不就可以了么
2015-12-09
李老師,是需要在這里修改嗎,具體怎么定義、怎么調(diào)用,能不能詳細給說說,萬分感謝?。。?br />
2015-12-09
李老師,圖片地址都有,可以定義到多個數(shù)組中,但是怎么逐一加載呢?