Sep
27
27
A Zoomable jQuery Image Gallery Called jPhotoGrid
Nearly all of the styling for this plugin is done in css. The trick is to layout the grid by floating the list items. The first thing the plugin will then do, is convert these all to absolutely positioned. This is what allows the plugin to zoom in on an individual image and then return it to its place. Like authors interactive map plugin, this depends on the browsers ability to scale images. In stylesheet, the images are set to width:100% and I simply animate the size of the container.
1 Comment to “A Zoomable jQuery Image Gallery Called jPhotoGrid”
Leave a comment
Sponsors
Categories
Recent Posts
Recent Comments
- Adobe Photoshop CS6 Beta Out | Lively Web Tuts on Adobe Photoshop CS6 Beta Out
- sams on Mobility – Free Mobile UI Design Elements
- Cutter.js – Truncate HTML code Client Side | Lively Web Tuts on Cutter.js – Truncate HTML code Client Side
- Page Scroller – jQuery Smooth Scrolling Plugin | Lively Web Tuts on Page Scroller – jQuery Smooth Scrolling Plugin
- The jQuery Slider Plugin with Infinite Style | Lively Web Tuts on The jQuery Slider Plugin with Infinite Style











[...] Direct Link [...]