ImageZoom is a jQuery plugin for picture zoom impact. It has thrid mode of picture zoom impact : inside mode,normal mode and comply with mode. It’s simple to make use of, you may simply use single picture or set a big picture. If you set a big picture you view see it‘s four~10 sooner than different to point out zoom view (witch use picture load occasion to get the big picture width/top ). You may strive the the imgfast demo within the stay demo web page to see it. And ImageZoom is able to use with an carousel. It has plenty of choices and methodology witch let make what simply want. Take pleasure in it
- Responsive! You need to use it in you responsive structure.
- Three zoom mode embody. Interior zoom,normal zoom,comply with zoom
- Get giant width/top 4x-10x sooner than imageload occasion.
- Use resized thumb picture for zoom view when the big picture is loading.
- Easy transfer. Zoom view transfer easy.
- Customizable by CSS and choices.
- Versatile choices.
- Simple to manage the zoom object with many methodology.
- Possibility for preload picture or not.
- ImageZoom with elastislide prepared.(An customized pores and skin embody) Additionally responsive.
- Cross browser
- Occasion callback for start and finish zoom.
- Simple to customized the fashion.
- Many demo and documention embody.
- sort:The picture zoom mode.(inside,normal,comply with) Default:inside
- bigImageSrc:If Name picture zoom on the thumb picture and need to zoom with giant picture set this selection. Default:null
- smoothMove:Is the zoomviewer’s picture transfer easy. (true/false) Default:true
- preload:Is ImageZoom preload the big picture. Default:true
- zoomSize:The ZoomView Measurement for normal mode and comply with mode. Default:[100,100]
- offset:Set the offset of the zoomviewer for normal mode. Default:[10,0]
- place:Set left/proper to point out the zoomviewer. Default:proper
- alignTo:Set the id of the zoomviewer align to (Normal Mode). Default:null (alignTo the riginal picture)
- descriptionClass:The coustom description css class. Default:null
- showDescription:Is zoomimage auto present the picture description. Default:true
- zoomViewerClass:The coustom class of the zoom viewer for comply with mode and normal mode. Default:null
- zoomHandlerClass:The coustom class of the zoom handler space for normal mode. Default:null string
- onShow:Occasion when zoom start. Default:null
- onHide:Occasion when zoom finish. Default:null
- obj.$viewer (jQuery factor object) The massive picture present view space.
- obj.$handlerArea (jQuery factor object) The handler view present on thumb picture when use normal mode.
- obj.$el (jQuery factor object) The picture the you could have referred to as ImageZoom on it.
- obj.$largeImg (jQuery factor object) The massive picture that present on zoom viewer.
- destroy() : Destroy imagezoom.
- changeImage(string,string) : Change the img tag authentic picture src and enormous picture.
- changeZoomSize(quantity,quantity) : Change the ZoomViewer Measurement (width,top).
2016, Jan 11 - Fixeded: when consumer web page specified 'img' tag css max-width attribute, imagezoom don't work accurately.
Different Picture Results Plugins
HoverEx – jQuery picture hover animation plugin
Picanim – jQuery picture hover impact pulgin
Zoome – jQuery Picture Zoom Impact Plugin