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.
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:
For information regarding Keyboard shortcuts, Gallery Options, API methods, Video Gallery setup, Gallery extensions and Browser support, please refer to the blueimp Gallery documentation.
Released under the MIT license.