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.