Basic EZ Plus Example

Use these examples as a way to quickly start any new web project that requires image zooming.

Basic Zoom Example


Tints


Gallery & Lightbox


Window Position

Zoom on the right:

Zoom on the bottom:

Remote div zoom:

The zoom will go into this div:


Zoom in Modal


Responsive - Screen-size sensitivity

The example below defines 3 responsive CSS media queries and also in the 'respond' with 4 ranges.

  1. Default - tint color is #0F0(green) ACTIVE
  2. [800px,1199px] - tint color is #00F (purple) ACTIVE
  3. [600px,799px] - tint color is #F00(red) ACTIVE
  4. [100px,599px] - tint color is disabled ACTIVE