Zoom on click

Zooms an image to full screen when clicked. Similar to "lightbox" functionality.

1. Add the script file pagescripts/zoomonclick/zoomonclick.js to the scripts area of your page by dragging the file from the Episerver file browser

2. Add the class "zoomonclick" to the images you want to zoom

Note: The image that is clicked on should be high enough resolution to make sense at a zoomed in level. So for example, even when adding an image to a 2 column layout, make sure the image is at least 1024x768 or preferably even larger.

We use cookies to collect information on your interaction with our website and combine this with the data you provide us to build a profile so we can show you content tailored to your interests. By accepting, you allow us to collect and process your personal information as described here.