Random Article


 
Don't Miss
 

Smooth Zoom Pan – jQuery Image Viewer

 
 
Overview
 

Author: VF
 
Date: Sep, 2011
 
Area: ,
 
Buyer Rating
 
 
 
 
 


 
$10.00


Summary

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. More than 30 parameters available to customize, yet a standard version can work simply with 2 values: $(‘#yourImageID’).smoothZoom({ width: […]

0
Posted August 4, 2012 by admin

 
Features
 
 

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.

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

$('#yourImageID').smoothZoom({
    width: <Enter Width>,
    height: <Enter Height>
});

Options:

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

 

    • Animation Smoothness
    • Animation Speed
    • 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)

 


0 Comments



Be the first to comment!


Leave a Response

(required)