ImageZoom - Responsive jQuery Symbol Zoom Plugin

Overview

ImageZoom is a jQuery plugin for symbol zoom impact. It has thrid mode of image zoom effect : inside mode,same old mode and apply mode. it is easy to make use of, you'll be able to just use unmarried symbol or set a large image. whilst you set a large image you view see it‘s FOUR~10 faster than different to show zoom view (witch use symbol load event to get the huge image width/height ). You'll try the the imgfast demo within the live demo web page to look it. And ImageZoom is ready to use with an carousel. It has so much of options and manner witch allow make what just need. Experience it

Features

• Responsive! You Can use it in you responsive format.
• 3 zoom mode come with. Interior zoom,standard zoom,follow zoom
• Get large width/peak 4x-10x faster than imageload adventure.
• Use resized thumb symbol for zoom view while the large symbol is loading.
• Clean move. Zoom view transfer easy.
• Customizable via CSS and  choices.
• Versatile options.
• Easy to regulate the zoom object with many way.
• Possibility for preload image or not.
• ImageZoom with elastislide in a position.(An custom skin include)  Also responsive.
• Cross browser
• Experience callback for begin and end zoom.
• Easy to custom the way.
• Many demo and documention include.

Choices

• type:the picture zoom mode.(interior,usual,apply) Default:inner
• bigImageSrc:If Name image zoom at the thumb image and need to zoom with huge symbol set this option. Default:null
• smoothMove:Is the zoomviewer’s image move easy. (precise/fake) Default:precise
• preload:Is ImageZoom preload the huge image. Default:true
• zoomSize:The ZoomView Measurement for standard mode and observe mode. Default:100,100
• offset:Set the offset of the zoomviewer for traditional mode. Default:10,0
• place:Set left/right to turn the zoomviewer. Default:right
• alignTo:Set the identity of the zoomviewer align to (Same Old Mode). Default:null (alignTo the riginal image)
• descriptionClass:The coustom description css elegance. Default:null
• showDescription:Is zoomimage automobile show the picture description. Default:actual
• zoomViewerClass:The coustom class of the zoom viewer for apply mode and traditional mode. Default:null
• zoomHandlerClass:The coustom elegance of the zoom handler house for normal mode. Default:null       string
• onShow:Adventure whilst zoom begin. Default:null
• onHide:Experience when zoom finish. Default:null

ImageZoom Object

• obj.$viewer   (jQuery component object)       the huge symbol show view area.
• obj.$handlerArea    (jQuery element object)       The handler view display on thumb image when use usual mode.
• obj.$el    (jQuery part item)       the picture the you've gotten called ImageZoom on it.
• obj.$largeImg    (jQuery component object)       the large image that show on zoom viewer.   

Methods

• break() : Wreck imagezoom.
• changeImage(string,string) : Amendment the img tag unique image src and massive image.
• changeZoomSize(quantity,number) : Modification the ZoomViewer Dimension (width,height).

Amendment Log

2016, Jan ELEVEN - Fixeded: when person page exact 'img' tag css max-width attribute, imagezoom don't work accurately.

Different Image Results Plugins

HoverEx – jQuery image hover animation plugin

Picanim – jQuery symbol hover effect pulgin

Zoome – jQuery Symbol Zoom Impact Plugin

FULL DOWNLOAD