close
對網頁設計師來說,尤其是賣一堆產品的IT廠商,經常得面臨連續產品圖展示的機會,但即便是將一堆產品圖縮小,然後在網頁上排排站,也很容易占據一大塊網頁空間,對讀者來說也是一種視覺虐待。
比較先進的方式是透過照片輪播橫軸將一堆照片縮圖濃縮在橫向捲軸中,使用者只要點選任一個縮圖,就會在上方的產品大圖區中顯示原始尺寸的照片。換句話說,即便產品照片再多,都只會占據固定空間的網頁空間,網頁設計師也比較容易調整版面。
不過,要重新打造照片輪播橫軸的script或CSS,也不是件容易的事情,也浪費了開發的時間。編輯部介紹一款現成的Javascript:iCarousel,可幫助網頁設計師 直接套用。
iCarousel提供各種範本,例如橫軸、方塊、文字跑馬燈等等,若你覺得這些效果令人不夠滿意,iCarousel也提供各種細節調整的語法,例如照片轉場的效果、標題出現與否、自動播放與否等等,提供網頁設計師更大的彈性。
全站熱搜