simplezoom.js

Responsive Image Lightbox jQuery Plugin

Look at thisSed dolor nascetur, pid dolor. Turpis pulvinar porttitor! Placerat augue nisi aliquet etiam magnis vut. Dis habitasse, mauris et a adipiscing mauris nisi pid enim, parturient porta magna augue porttitor nunc cursus habitasse. Pid! Eros mid, pulvinar. Parturient montes! Magna. Vel! Ut. Urna ridiculus elementum, lacus augue eros. Scelerisque, cum, platea sociis? In aliquam! Urna! Nisi ut aenean pid placerat.

Green giant london
Nascetur elit, a et eros enim quis odio, nisi in porta velit sagittis, mattis nascetur mattis in augue platea! Dapibus placerat urna turpis magna, a vut tincidunt? Amet porttitor mauris? Rhoncus scelerisque sagittis sit pid? Ut proin amet vel? Dapibus quis et scelerisque a, scelerisque, elementum cursus sociis pulvinar tincidunt ac facilisis porttitor tincidunt sagittis montes! Egestas facilisis sit massa.

Bright facesAuctor, montes integer ultricies pulvinar integer, amet pellentesque, adipiscing, ut phasellus? Habitasse! Nascetur a? Lectus pid, non in non, et non amet arcu, pid mauris et? Dapibus in et. Arcu in! Habitasse aenean auctor proin mauris in enim odio nascetur dictumst vut dis velit quis lorem porttitor pulvinar cursus cum auctor sit nec turpis nec. Aliquam dis auctor vel.

Gallery

Special thanks to ISO Republic for providing all these beautiful pictures.

Plugin Options

classie Extra CSS classes added to created element. classie: ''

offset Minimum spacing between user screen and lightbox image. offset: 40

scrollclose Automatic close the lightbox once user scroll the page. scrollclose: true

imgclass Tell the plugin where to look for the original image. Default to img element. imgclass: 'img'

duration The speed of zoom animation, value in millisecond. Default will use the CSS properties. Not recommended to set this unless you really have no idea on how to set it in CSS. duration: 0

modalTmpl Overwrite the default lightbox HTML. Refer to plugin TEMPLATE variable for guidance. modalTmpl: null

loaderTmpl Overwirte the default ligthbox loader HTML. Refer to plugin LOADER variable for guidance. loaderTmpl: null

Plugin Events

onModalInit Trigger when user click on the image element.

onModalClosed Trigger when user close the lightbox.

onImageLoaded Trigger when larger version of image successful loaded.

onImageError Trigger when larger version of image failed to loaded.