I've seen a couple of pages where all of the images are accessible in a slideshow. Great idea, but then the images are out of context – they are no longer related to the text – I've often had to scroll back to the text and re-read the details before scrolling back to the lightbox. Marathia's new stack Zoom is a great new solution. If you're interested in viewing the image in more detail, click on it and it will zoom to maximum size. The context is held because the page doesn't move underneath the image. When you click a second time – anywhere on the page – you are returned to your text and can continue reading exactly where you left off.
Drop Jeroen's Zoom onto your stacks page and all you'll see is an info box. To be honest, if you look at the settings panel, you won't see very much more.
First you'll find an option to activate Zoom when a specific keyword is included either within an image name, or within the image ALT tag. E.G. the image above is named 'Bergamo zoom'
In the stack's settings, I defined 'zoom' as the 'String in name' and set the Zoom option to 'Images with a name that contains…'
Now any image name that contains the word 'zoom' will be magnified, when you click on it.
The only other stack settings are Overlay Colour and Overlay Opacity – the weavercraft really couldn't be any simpler.
The zoom effect is accompanied by a subtle animation. The page is overlaid with a colour of your choice and when you click, or try to scroll the zoomed image, you are immediately returned to the exact same position on your page where you left off reading.
Regardless of how many images you have on your page, only one instance of the Zoom stack is required per page. Jeroen warns on the Zoom product page that multiple instances may disrupt the page layout.
I feel quite sure that Zoom will turn out to be a very popular stack.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!
As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.
If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
By clicking 'Submit', you are agreeing to receive emails from Ninja News
You've reached the bottom of the page, thanks for reading.
If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.
We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.