2、計算可視圖片數(shù)
事情的關鍵是顯示圖片,我們就從計算可視圖片數(shù)開始??梢晠^(qū)域的寬度我們可以輕易獲取,所有圖片的寬度也是統(tǒng)一的尺寸(什么?不統(tǒng)一?還好還好,我們這的產品經理倒是還沒有BT到這個地步呢^^~ 這里還是先講固定的情況吧,不固定的情況下回再探討)。先忽略一下圖片間距,那么問題可以簡化為:
可視圖片數(shù) = 可視區(qū)域寬度 / 單位圖片寬度
代碼(代碼中涉及到的html代碼請查看下文Demo):