How to zoom image within a container

how-to

#1

Hello
I am working on a project where the client requires an image to be zoomed and moved within a container/bounding area. Is there any way to constrain image zoom without showing any background? ( just like zooming and moving in maps)
Please help.


#2

Hi @shameer,

You can use the Pinboard collection for that purpose.

Seb


#3

Thanks for the reply. but it would be great if I can lock within the image’s dimensions. That is, avoid showing the background once the image moved to the extreme sides.


full page view


#4

once moved to the extreme side the background is revealed. Anyway of avoiding that and constricting the extreme of the image to the actual pinboard’s extreme?


#5

Hi Shameer,

I just had a similar scenario where I was faking a scrollable/zoomable map and solved it by using the Scroll Collection. It looks like it will work for what you’re working on as well.

R


#6

You could also try using the Deep Zoom asset http://support.intuilab.com/kb/assets/deep-zoom-asset

Have you tried that?