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 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

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();

});

Leave a Reply

Your email address will not be published.


*