Home / Premium Pro Plugins / ImageZoom – Responsive jQuery Image Zoom Plugin

ImageZoom – Responsive jQuery Image Zoom Plugin

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



DOWNLOAD

Overview

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 :)

Options

  • Responsive! You need to use it in you 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 .
  • Many demo and documention embody.

Choices

  • 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

ImageZoom Object

  • 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.   

Strategies

  • 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).

Change Log

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


Flag Counter

DOWNLOAD

Check Also

12333.png

Tower Defense html5 game

DOWNLOAD Find out how to play Contact or mouse Management Choose and set the unit. ...

Impossible-rush-codecanyon-preview.png

Impossible Ball Rush + Admob + Leaderboard + Mediation

DOWNLOAD Inconceivable colour ball rush a extremely addictive sport for android.The sport play is straightforward ...