Pan & Zoom

Met Pan & Zoom kan een gebruiker met behulp van ‘pinching’ een afbeelding vergroten of verkleinen. Pinching is een beweging waarbij je als gebruiker de duim en wijsvinger tegelijkertijd op het scherm houdt en deze hetzij van elkaar af, hetzij naar elkaar toe beweegt om zo een beeld te vergroten of te verkleinen. Dit is bijzonder handig bij een webshop waarbij je een artikel wat gedetaileerder wilt kunnen bekijken.

 

Video’tje kijken?

Links

http://tv.adobe.com/watch/learn-digital-publishing-suite-single-edition/creating-your-single-edition-folio/ : over het toevoegen van Pan & Zoom aan je folio. Bekijk de video vanaf minuut 9:00 tot het einde.

Y. Bruin

With panning and zooming you can create an image which is actually larger then the frame in which it is. By swiping or pinching the user can then zoom in or out and move the image.

  1. Create a large image
  2. Place it in your file and make sure the view area (the blue outline) has the dimensions you need and place the image inside it.
  3. The image (brown outline) has to be larger than the view area otherwise panning isn’t necessary.
  4. Then choose Window > Folio Overlays and choose Pan & Zoom.
  5. Tick the ‘On’ radiobutton and that’s it.
  6. Just take note that you’re not using images too large. After all it’s still kiloBytes that need to be downloaded by the user. Up till 2000×2000 pixels should be ok.

Make it better

It’s nicer and more userfriendly to let your user know that he or she can actually pan your image.

  1. To do this simply create a static image of the same size as the view area.
  2. In this image you can show arrows or something else indicating that there’s more.
  3. Place it on top of the view area and that’s it!

After tapping it once the static image will disappear and the view area will show the panning image with its interaction. Tap twice to display the poster again. The browser, either desktop or tablet, ‘knows’ your panning image is under the static image.