The idea I had was this…
- Use a div container, with a set height and width
- Use an image positioned absolutely to the container div
- Use several divs to build up a grid system inside the container, which when hovered over, effect the zoom and location of the absolute image.
I’m fairly happy with the result, I wish it could be a little smoother, your feedback would be appreciated.
Update ( 30th Nov 2015 ) — Dan Cortes has taken this idea, and took it a step further, please see his blog post here.