Simple Image Gallery with Lighbox popup jQuery – ie8Gallery

Simple, easy to use, cross browser responsive image gallery with popup lightbox. The ie8Gallery is ultra small jQuery plugin to create awesome image gallery.

The ie8Gallery also supports older browsers (IE 8/9/10/11…) to show the images in lightbox.

Plugin Preview

How to start using jQuery?

More jQuery Top, Best and New Plugins

Plugin Overview

Plugin: ie8Gallery
Author: Murat Karaca
Licence: MIT Licence
Published: 2019-02-15 09:18:25
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 it:

1. Load the ie8Gallery CSS and JavaScript file into HTML document.

<!--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. Load the jQuery (javaScript library) and initialize ie8Gallery plugin.

<!--jQuery-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>$(document).ready(function(){$(".thumbs").ie8Gallery();});</script>

Leave a Reply

Your email address will not be published.


*