Pinto(使用方法:http://www.jqueryscript.net/layout/Pinterest-Like-Responsive-Dynamic-Grid-Layout-Plugin-Pinto.html)用于制作網(wǎng)格化畫廊布局,特點如下:
Features:
Super simple and lightweight.
Auto rearrange images with a smooth CSS3 transition on window resize.
Fluid item width based on the viewport size.
效果如:http://www.jqueryscript.net/demo/Pinterest-Like-Responsive-Dynamic-Grid-Layout-Plugin-Pinto/
但是Pinto 不自帶響應(yīng)效果,因此結(jié)合Lightbox使用.
Lightbox(使用方法:http://www.jqueryscript.net/lightbox/Responsive-Touch-enabled-jQuery-Image-Lightbox-Plugin.html )也具有布局效果,但是可以用Pinto 的布局,其自帶的圖片放大和幻燈片試展示效果不錯,其特點如下:
Features:
Responsive and touch friendly.
Image preloading and loading spinner.
CSS3 powered animations.
Keyboard / Touch swipe navigation.
Custom image aspect ratio.
效果如:http://www.jqueryscript.net/demo/Responsive-Touch-enabled-jQuery-Image-Lightbox-Plugin/.
Thank you so much for looking over my blog and hopefully you found this useful!
