Simple Image Gallery with Lighbox Popup jQuery – ie8Gallery

The ie8Gallery is ultra small simple image gallery with lighbox popup. This plugin helps you to create cross browsers images gallery. It also supports older browsers (IE 8/9/10/11…) to show the images in lightbox.

Plugin Preview

Share this:

How to start using jQuery?
More jQuery Top, Best and New Plugins
Top 100 jQuery Plugins

Plugin Overview

Plugin:	ie8Gallery
Author:	Murat Karaca
Licence:	MIT Licence
Published:	February 15, 2019
Official Website:	Go to website
Dependencies:	jQuery 1.3.1 or Latest version
File Type:	zip archive (HTML, CSS & JavaScript)
Package Size:	15 KB

Demo Download

How to Use Image Gallery with Lighbox Popup:

1. Load the jQuery, ie8Gallery‘s CSS and JavaScript file into HTML document.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>

<!--ie8Gallery CSS-->
<link rel="stylesheet" type="text/css" href="dist/css/ie8gallery.css">

<!--ie9Gallery JS-->
<script type="text/javascript" src="dist/js/ie8gallery.js"></script>

2. Create a div element that contains your images thumbnails. Your thumbnails should have data-img-src attribute that contains original image size.

<div class="thumbs">
<img class="thumb" src="/thumbnail-url-here.jpg" data-img-src="/original-image-here.jpg" width="200">
---------------------
---------------------
<img class="thumb" src="/thumbnail-url-here.jpg" data-img-src="/original-image-here.jpg" width="200"></div>

3. Initialize the plugin in jQuery document ready function.

$(document).ready(function(){

   $(".thumbs").ie8Gallery();

});