19 Impressive Lightbox Zoom Examples

1. Responsive Gridfolio

featured image

Lightbox Iframe support.Lightbox description autoopen (open item description without pressing the info button).Added an extra way to close the lightbox by pressing outside the item area. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo.Lightbox main features:

Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.

More Details

2. JackBox - Responsive Lightbox

featured image

JackBox – A free jQuery lightbox with Real Social Sharing

Create a lightbox that worked on mobile devices, even smartphones.Create a lightbox where every image, video and song can be individually shared.Options to set the lightbox thumbnail width and height

Option to zoom smaller images automatically either globally or individually

Option to preload graphics for a smoother lightbox experience

If none are chosen, and the lightbox item is a clickable thumbnail to begin with, JackBox will grab and resize that thumbnail instead.If these options aren’t available, JackBox will then attempt to grab the large version of the jQuery lightbox image gallery free download and resize it.On mobile lightbox the page behind the lightbox will scroll to the top.When sharing via Facebook, only the lightbox item’s link will get posted.

More Details

3. 3D FlipBook - Responsive jQuery Plugin

featured image

optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc

lightbox or full page

advanced zooming support with mouse wheel zoom on desktop, pinch zoom on mobile, scrollbars when zoomed, touch swipe, click and drag

zoom in and out buttons

bug fixes – pinch zoom

added initial zoom parameter

added lightbox mode – book can be opened in a lightbox when clicked on a book cover

added zoom buttons to menu

More Details

4. jQuery Giga Image Viewer - animated zoom and pan

featured image

Viewer allows to control the position and zoom of the high-resolution JPG inside the viewport.Viewer controls the sliding and zoom of the high-resolution JPG so that the viewport area will be filled completely. Mouse wheel to zoom / unzoom. Package contains a example for building lightbox gallery (ColorBox Gallery). dispatch event ‘givChange’ with information whether it is possible to move and zoom the display object

More Details

5. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Zoom

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

Slider can be put anywhere (lightbox, or any container)

More Details

6. FlipBook - jQuery powered - /w Media Gallery

featured image

lightbox support

“double click for zoom” notification

zoom option

More Details

7. jQuery MultiTransition Gallery Sliders Collection

featured image

6 transition types (Ken Burns, Alpha, Split, Zoom, Slide, Reveal)

Lightbox effect background opacity

JQuery Thumbnail Gallery With Lightbox

More Details

8. jQuery Mega Image Viewer - animated zoom and pan

featured image

Viewer allows to control the position and zoom of the object displayedinside the viewport. Viewer controls the sliding and zoom of the displayed objectso that the viewport area will be filled completely. Mouse wheel to zoom / unzoom. Package contains a example for building lightbox gallery (ColorBox Gallery).dispatch event ‘mivChange’ with information whether it is possible to move and zoom the display object

default: false; accepted: true, false; If the viewport size (width and height) is greater than the size of the displayed object, allow the object scaled over 100% to fit the viewport (zoom is disabled)

More Details

9. ZoomBox Lightbox Variation - jQuery powered

featured image

More Details

10. Zoomer jQuery Products Showcase - with Lightbox

featured image

Zoomer! is the definitive tool for showcasing products, with its built-in zoom + panning + dragging features, which can be easily customized due to its flexible theme selector and config parameters, directly from the html file.* Zoom + Panning + Dragging features.* Powerful lightbox – PrettyPhoto, with accesible configuration

More Details

11. Responsive Slideshow Photo Gallery Grid

featured image

Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. LIGHTBOX MAIN FEATURES

Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).2013 – Fixed some bugs related to the lightbox and added better support for mobile detection.

More Details

12. Flare Responsive Mobile-Optimized Lightbox Plugin

featured image

The pixelentity team is once again proud to bring you: Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.Zoom black & white fullscreen image transitions

Credits: Design & Development of the Flare Lightbox Plugin by Pixelentity.This lightbox is designed to be used on responsive websites, as such on mobile devices the plugin requires that the meta viewport user zoom parameter be set to “user-scalable=0”.

More Details

13. FormMapper Address Autocomplete with Geolocation

featured image

This example includes the option for the marker to be draggable and each time the marker is dragged the map zooms in a little more until it reaches the set maximum zoom level.useViewport (Should map zoom to the google suggested viewport)

zoom (initial zoom level)

minZoom (the smallest zoom level the user is allowed achieve with the controls)

maxZoom (the maximum zoom level the user is allowed achieve with the controls)

maxZoom (the maximum zoom level to zoom in to after a geocoding response not by the controls)

dragged (default state of marker to determine if map should zoom in steps)

More Details

14. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Zoom

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

Slider can be put anywhere (lightbox, or any container)

More Details

15. NACHO Lightbox - Flat responsive lightbox

featured image

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

More Details

16. Horizontal Gridfolio Pro

featured image

When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Lightbox main features.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display.Image support: The lightbox can load and display .Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).

More Details

17. Nex - Blazing Fast FullScreen Slider

featured image

Zoom

Customizable maps: zoom size, show infowindow, or hide it

More Details

18. Smooth Zoom Pan - jQuery Image Viewer

featured image

Initial Zoom level

Maximum zoom level

Minimum zoom level

Animation Speed for Zoom

Mouse Wheel zoom control

Mouse Cursor location zoom on mouse wheel

Mouse Double Click zoom

Landmarks can resize on zoom (Except IE8 & below)

Separate speed settings for zoom and pan

5: [18 MAR 2012]Single Step Zoom – Possible to reach maximum and minimum zoom levels in one click

     - Everytime the zoom/pan action completes (returns scale / position data).Lightbox Gallery example added.Pinch Zoom support added for touch device navigation

2: [02 NOV 2011]Additional method added to retrieve current position and zoom values (sample #4)

To store the current zoom data and re-open the page with exact same level and position

More Details

19. ZoomBox 2 - The Photographer's Premium Lightbox

featured image

ZoomBox Lightbox Intro – top

ZoomBox 2 – The Photographer’s Lightbox ! What makes ZoomBox unique to the other lightbox scripts ? In short – quality, user-friendliness, design and social media connectivity.ZoomBox Lightbox Features

the only lightbox script that does deeplinking right – most lightbox scripts use hashes for delivering the deeplink, but the problem with that is that facebook likes for example will not get counted for the photo the user is viewing in the ZoomBox, but for the entire page instead.unique ability to zoom on photos – this is the perfect lightbox script for photographers to showcase their work because on any image, your visitor can zoom it and see the marvelous details you capture in your art.ZoomBox Lightbox Updates

More Details