可視區域的寬度 = 可視區域內可顯示的圖片寬度總和（下文稱可視圖片數） 圖片間距總和

2、計算可視圖片數

事情的關鍵是顯示圖片，我們就從計算可視圖片數開始。可視區域的寬度我們可以輕易獲取，所有圖片的寬度也是統一的尺寸（什么？不統一？還好還好，我們這的產品經理倒是還沒有BT到這個地步呢^^~ 這里還是先講固定的情況吧，不固定的情況下回再探討）。先忽略一下圖片間距，那么問題可以簡化為：

可視圖片數 = 可視區域寬度 / 單位圖片寬度

代碼（代碼中涉及到的html代碼請查看下文Demo）：

//獲取當前可視區域的寬度 varpLstWrpWth=$(\\\’.jQ_ptLst\\\’).width(); //獲取單位圖片寬度（圖片可能包括邊框樣式等，取列表元素Li的寬度參與計算以避免誤差） varvalLstLiWth=$(\\\’.jQ_ptLstli\\\’).width(); //計算當前可視圖片數（可視區域寬度/單位圖片寬度再取整） valImgLth=Math.floor(pLstWrpWth/valLstLiWth);更多關于云服務器，域名注冊，虛擬主機的問題，請訪問三五互聯官網：www.shinetop.cn

贊(0)
聲明：本網站發布的內容（圖片、視頻和文字）以原創、轉載和分享網絡內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。郵箱：3140448839@qq.com。本站原創內容未經允許不得轉載，或轉載時需注明出處：三五互聯知識庫 » 關于圖片列表的寬度自適應解決辦法

登錄

找回密碼

注冊