jQuery Image Gallery
Demo
Description
jQuery Image Gallery displays images with the touch-enabled, responsive and
customizable blueimp Gallery carousel in
the dialog component of jQuery UI.
It features swipe, mouse and keyboard navigation, transition effects and
on-demand content loading and can be extended to display additional content
types.
Setup
Copy js/jquery.image-gallery.min.js to your website.
Add the following HTML snippet to the head section of your webpage:
Add the following HTML snippet with the dialog and embedded Gallery widget to the body of your webpage:
<!-- The dialog widget --> <!-- The gallery widget --> ‹ ›
Include the following scripts at the bottom of the body of your webpage:
Create a list of links to image files with the attribute data-dialog (optionally with enclosed thumbnails) and add them to the body of your webpage:
Documentation
For information regarding Keyboard shortcuts, Gallery Options, API methods, Video Gallery setup, Gallery extensions and Browser support, please refer to the blueimp Gallery documentation.
Requirements
- jQuery v. 1.7.0+
- jQuery UI v. 1.10.0+
- blueimp Gallery v. 2.17.0+
License
Released under the MIT license.