imagesLoaded

jQuery imagesLoaded 是一個相當有用的jQuery外掛,它可以用來偵測網頁中的圖片使否已經成功載入,有人可能會問,偵測圖片已經成功載入能做甚麼!?因為圖片還沒成功載入前我們實無法取得圖片的寬度以及高度的,在許多Layout上的應用,取得圖片的寬與高是非常重要且必要的。

Bootstrap+Masonry瀑布流的套件,讓Bootstrap內建的網格系統,也支援瀑布流的排版,這對於區塊內的元素長短不一時,相當的方便好用,同時瀑布流的欄位數,還是由Bootstrap來作控制,雖然說瀑布流解決了長短不一的問題,但也衍生出另一個問題,那就是當區塊內有圖片時,當圖片還沒載入完成時,區塊就會開始上向疊,而造成區塊覆蓋的問題。

JQuery 事件處理 .click 與 .on() 的不同

寫網頁過程中,一定都會遇到要操作DOM做事件處理,那這種情況下最簡單的方式就是透過jquery來操控它,以最常發生的ckick事件說明,jquery提供了.click(function())以及.on('clcik',function())兩種方式來讓你操控你所只要指定的DOM,那這兩者間到底有什麼不一樣?

Magnific Popup

magnific-popup-01

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device
(for jQuery or Zepto.js).