Last weekend I started working on the next version of imgZoom, the jQuery plugin that uses vector graphics to implement a smooth zoom effect on thumbnailed images. With the initial release (a couple months back), I boldly announced that I intend to one day turn it into a decent substitution for Lightbox, and I think I’m actually getting closer to that. The current version has the lightbox-esque features of displaying images in a window, and allowing to navigate between previous and next images.
I transformed one of my testing pages into a nicely-looking gallery, so if you want to take a look at the development version in action, be my guest. The gallery should work correctly in most browsers, only Internet Explorer might still have some issues — I’m working on that. As always, I’m open to feedback.
Nice work!
Thanks for sharing.
I plan to use the old version, but I would like to set a custom position (instead of the default centered) for the big image.
Is this possible?
Thanks in advance.
No, at least not without some hacking. The new version will probably have an option that will let you do that. If you don’t want to wait for it, I might be able to provide a quick workaround for you — but I’d have to take a look at your application first. Feel free to contact me by e-mail.
Thank you for reply.I’ve already send you a mail with my application.
New version works nice on Safari on Mac/Leopard.
Just 2 remarques:
- It’s a visual break having the thumbs without and the zoomed image with a frame around, I think the zoom-animation would look more fluid and natural having both looking the same way.But I guess this is just a question of personal CSS-styling.
-When you click on the prev/next button, clicking outside the big image doesn’t switch back anymore the opened image, unless you click the empty place of the zoomed image.I found clicking outside for switch back and a full view of all the thumbnails very useful.
Thanks for your feedback. I agree that keeping the frame shown for the time of the animation would be better, unfortunately it’s not possible due to technical limitations — the frame is a set of HTML elements and can’t be rendered using SVG/VML.