LIVE PREVIEWBUY FOR $10
This can be a javascript / CSS based mostly picture viewer ready to show product photographs, maps or any picture inside customized small space. Could be configured and carried out in internet pages with easy copy / paste steps. Helps all main contact enabled units and platforms iOS, Android and Home windows.
Greater than 30 parameters out there to customise, but an ordinary model can work merely with 2 values:
$('#yourImageID').smoothZoom({
width: <Enter Width>,
top: <Enter Top>
});
Choices:
- Preliminary Zoom stage
- Preliminary Place
- Most zoom stage
- Minimal zoom stage
- Animation Smoothness
- Animation Pace for Zoom
- Animation Pace for Pan
- Match or Fill the picture
- Allow / Disable Pan buttons
- Allow / Disable Pan Limitation
- Adjustable Button Measurement, Coloration, Transparency, Alignment and Margin
- Button Auto Conceal and Delay Time
- Mouse Drag / Contact Drag
- Mouse Wheel zoom management
- Mouse Cursor location zoom on mouse wheel
- Mouse Double Click on zoom
- Border dimension, coloration, transparency
- Full browser dimension possibility
- Max width and top (for window resize)
UPDATE V1.7: [30 MAY 2014]
Home windows 8 Cellphone / Pill, IE10+ help added
Now works with pointer occasions for constant contact help and compatibility
UPDATE V1.6.9: [18 MAR 2013]
jQuery model 1.9.1 help added
PrettyPhoto model 3.1.5 help added
IE6 help absolutely dropped
UPDATE V1.6: [10 JUN 2012]
Responsive & Fluid structure help added with adjustable settings
A brand new methodology added to resize view space any time after initiation
Landmarks can resize on zoom (Besides IE8 & beneath)
Customized alignment – on clicking reset button aligns the picture in specified means
Pan route may be reversed by means of settings
Separate velocity settings for zoom and pan
Few minor large fixes and few extra minor choices added.
UPDATE V1.5: [18 MAR 2012]
Single Step Zoom – Doable to succeed in most and minimal zoom ranges in a single click on
Contact pleasant Button dimension – Choice to set totally different button dimension for Contact units
2 New callbacks added
– Triggers every time the size / place values up to date (on every animation body)
– Triggers each time landmark?s visibility adjustments
iOS bugs fastened – The landmark place associated points on iPad, iPhone, iPod fastened
Chrome bug fastened – The random black border look on google chrome fastened
UPDATE V1.4: [04 MAR 2012]
Dynamic Landmarks – Doable so as to add / take away / refresh landmarks on runtime.
focusTo methodology improved with customized velocity parameter.
Doable to set customized callback capabilities on the next 2 events:
– On Picture Load.
– Everytime the zoom/pan motion completes (returns scale / place knowledge).
UPDATE V1.3: [12 FEB 2012]
Landmarks / Lables / Location Pin help added. (Preview #5)
Thumbnail Gallery instance added. (Preview #6)
Lightbox Gallery instance added. (Preview #7)
Pinch Zoom help added for contact gadget navigation
FireFox 10+ bug of not in a position to drag fastened
Coding improved to satisfy higher efficiency
UPDATE V1.2: [02 NOV 2011]
Further methodology added to retrieve present place and zoom values (pattern #4)
This knowledge will probably be useful within the following events:
1. To make Crop Instrument
2. To retailer the present zoom knowledge and re-open the web page with very same stage and place
Now the fullscreen offset worth may be set for each width & top in share
UPDATE V1.1: [20 OCT 2011]
Added potential to manage all of the button actions from outdoors the plugin (utilizing your personal buttons)
Added choice to take away all of the buttons (for the above function)
Supply file comprises 4 instance variations to begin customisation simply
Smoothness varies based on browser capabilities. The plugin makes use of finest out there choices on trendy browsers whereas managing visibility on older browsers:

Source