可視區(qū)域的寬度 = 可視區(qū)域內(nèi)可顯示的圖片寬度總和（下文稱(chēng)可視圖片數(shù)） 圖片間距總和

2、計(jì)算可視圖片數(shù)

事情的關(guān)鍵是顯示圖片，我們就從計(jì)算可視圖片數(shù)開(kāi)始。可視區(qū)域的寬度我們可以輕易獲取，所有圖片的寬度也是統(tǒng)一的尺寸（什么？不統(tǒng)一？還好還好，我們這的產(chǎn)品經(jīng)理倒是還沒(méi)有BT到這個(gè)地步呢^^~ 這里還是先講固定的情況吧，不固定的情況下回再探討）。先忽略一下圖片間距，那么問(wèn)題可以簡(jiǎn)化為：

可視圖片數(shù) = 可視區(qū)域?qū)挾?/ 單位圖片寬度

代碼（代碼中涉及到的html代碼請(qǐng)查看下文Demo）：

//獲取當(dāng)前可視區(qū)域的寬度 varpLstWrpWth=$(\\\’.jQ_ptLst\\\’).width(); //獲取單位圖片寬度（圖片可能包括邊框樣式等，取列表元素Li的寬度參與計(jì)算以避免誤差） varvalLstLiWth=$(\\\’.jQ_ptLstli\\\’).width(); //計(jì)算當(dāng)前可視圖片數(shù)（可視區(qū)域?qū)挾?單位圖片寬度再取整） valImgLth=Math.floor(pLstWrpWth/valLstLiWth);更多關(guān)于云服務(wù)器，域名注冊(cè)，虛擬主機(jī)的問(wèn)題，請(qǐng)?jiān)L問(wèn)三五互聯(lián)官網(wǎng)：www.shinetop.cn

贊(0)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享網(wǎng)絡(luò)內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。郵箱：3140448839@qq.com。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明出處：三五互聯(lián)知識(shí)庫(kù) » 關(guān)于圖片列表的寬度自適應(yīng)解決辦法

登錄

找回密碼

注冊(cè)