Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

image 'pan' on hover zoom



  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Hi Claudia,

You can do this with the Magic Zoom extension for Squarespace:


After installing it, set the zoom position to inner. The code would look similar to this:

<a href="large.jpg" class="MagicZoom" data-options="zoomPosition: inner"><img src="small.jpg"></a>


Edited by Magic Toolbox
Initial Revision
Link to post
  • 0

I've been trying to figure this out too. I don't know much about coding, but what I discovered is this...

1. Such a feature requires HTML, CSS, AND Javascript 

2. Need Premium account to embed Javascript or iframes. Basic plan only allows you to add custom CSS or use the code block for HTML and CSS.

My needs don't require all that the premium plan offers so I gave up on this feature. However, if you DO have the premium plan this tutorial may help: https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp

If you do NOT have the premium, the work around I ended up using based on my needs is just copying the image address and linking the image to open to a new window when clicked on which allows zooming. 


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...