Cycle Plugin 圖片輪播特效

想要讓網站有圖片輪播的特效很困難嗎?還要使用Flash才能做到嗎?現在不必了,只要利用JQuery並搭配幾張圖片,就可以達到我們所需的特效囉!在jQuery中,有個Plugin叫做「jQuery Cycle Plugin」,專們用來處理圖片輪播特效的外掛,使用方式非常的簡單,而且跑起來也蠻順暢的,也不必擔心使用者電腦如果沒有flash播放器,造成特效失敗的問題。

很多網站逐漸透過jQuery來取代Flash的一些特效,再加上現在HTML5是趨勢,很多東西都是透過JS並搭配HTML5來時做的,大家或許會擔心瀏覽器對Javascript處理的效能,別擔心,現在各家瀏覽器的開發重點大多著重在Javascript的處理效能上,所以在網站跑JS不會再跟以前一樣非常的吃電腦資源了,而且速度也快很多呢!

利用jQuery Cycle Plugin這個jQuery外掛可以做到什麼樣的特效呢?首先,jQuery是跨瀏覽器的,所以使用上不必擔心個瀏覽器的相容問題,至於特效,在外掛的官方,展示6種圖片輪播的特效,這些特效分別是:shuffle、zoom、fade、turnDown、curtainX、scrollRight (click),如果要把特效翻譯成中文,感覺怪怪的,還是讓大家直接看官方特效展示會比較快。

***文章待補*** 讓Iframe有彈性高度的做法

瀑布流函式庫 Masonry

What is Masonry?

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

masonry.desandro.com