1. Home
  2. /
  3. Code
  4. /
  5. JavaScript
  6. /
  7. Images and Media
  8. /
  9. Smooth Zoom Pan – jQuery Image Viewer

Smooth Zoom Pan – jQuery Image Viewer

Category: Images and Media
Tags:  android, crop, fluid, image, iOS, iPad, jquery, landmark, map viewer, pan, resize, responsive, scale, touch, zoom

This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps. Supports all major touch enabled devices and platforms iOS, Android and Windows.

More than 30 parameters available to customize, yet a standard version can work simply with 2 values:

    width: <Enter Width>,
    height: <Enter Height>


    • Initial Zoom level
    • Initial Position
    • Maximum zoom level
    • Minimum zoom level

    • Animation Smoothness
    • Animation Speed for Zoom
    • Animation Speed for Pan
    • Fit or Fill the image
    • Enable / Disable Pan buttons
    • Enable / Disable Pan Limitation
    • Adjustable Button Size, Color, Transparency, Alignment and Margin
    • Button Auto Hide and Delay Time

    • Mouse Drag / Touch Drag
    • Mouse Wheel zoom control
    • Mouse Cursor location zoom on mouse wheel
    • Mouse Double Click zoom

  • Border size, color, transparency
  • Full browser size option
  • Max width and height (for window resize)

Related products