The blogging platform Medium uses a custom image zooming effect on their blog pages. Whenever the user clicks an image it’ll automatically zoom into a larger size.
It’s a great effect and certainly unique to Medium, but it was never something that could easily be copied.
Now, with the MediumLightbox script, it’s easier than ever. This JS script is lightweight and easy to add into any website or blog.
If you’d like to see how this works you can visit the live demo page hosted by creator Davide Calignano.
You will need to know a little JS to set it up but you certainly don’t need to be an expert.
Each image can take data-* attributes for setting the full-sized height & width, all of which are pulled dynamically from the lightbox plugin. The setup code is very simple and it can target the images themselves, or containers like the