jQuery 應用 »

[jQ]利用滑鼠移動控制圖片預覽

[jQ]利用滑鼠移動控制圖片預覽

各位應該有到所謂的網路相簿看到照片吧!不管是無名小站或是痞客邦相簿等的系統,每一本相簿中都會有多張照片,但想要全看到時就得點進去一張一張的看才行。若如果能在相簿外就把全部的縮圖都預覽過一次的話,相信對於整個使用上是有幫助的。

jQuery 應用 »

[jQ]用 jQuery 做畫廊 – 利用滑鼠移動控制商品展示

[jQ]用 jQuery 做畫廊 – 利用滑鼠移動控制商品展示

有在逛日本網站的人可以會發覺到他們還蠻常整站都是用 Flash 來設計的,當然也會用到各種有趣的效果。像是利用滑鼠的移動控制商品或是作品集圖片的展示。不過一時之間也找不到有類似效果的網頁給各位看,所以咱們就直接進入主題吧。

jQuery 應用 »

[jQ]用 jQuery 做畫廊 – 左右不間斷的商品展示輪播

[jQ]用 jQuery 做畫廊 – 左右不間斷的商品展示輪播

一般 Flash 廣告或是商品的輪播大多是不間斷的,所以就常會有網友問說 jQuery 的範例是否能做到不間斷的輪播呢?答案其實連想都不用想的也知道是可以的,且要達到同樣效果的方法有好幾種,筆者此次就針對一種較簡單但效能會差一點點的方式來介紹。

jQuery 應用 »

[jQ]用 jQuery 做畫廊 – 左右切換式的商品展示

[jQ]用 jQuery 做畫廊 – 左右切換式的商品展示

現在很多公司網頁的動態效果都希望能在像是 iPad 上能正常瀏覽,可惜偏偏 iPad 就是不理不理 Flash,因此上課時最常被問到的就是如何寫出滑動的展示效果。滑動的效果不外是控制區塊的 top 或是 left 來達成,但最重要的還是整個區塊的操作設計。只要設計排版不同,就算用到同樣的原理也能產生不一樣的使用者體驗(UX)