Tiny Responsive Image Lightbox Plugin For jQuery - Simplebox.js

Tiny Responsive Image Lightbox Plugin For jQuery - Simplebox.js
File Size: 17.2 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Simplebox.js is a simple, fast, lightweight jQuery lightbox plugin which shows the full size image in a responsive, fullscreen, always-centered modal popup with minimal markup.

How to use it:

1. Simplebox.js needs jQuery to work, so you have to include jQuery library in your web page before using this plugin.

<link rel="stylesheet" href="css/simplebox.css">
  ...
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/simplebox.js"></script>

2. Just call the simplebox() on the desired image and we're done .

$('.img').simplebox();

3. Change the transition speed of the fadeIn & fadeOut effect.

$('.img').simplebox({
  fadeSpeed: 350 // default: 400
});

4. If you want to use the 'Dark' mode.

$('.img').simplebox({
  darkMode: true
});

Change log:

2018-05-07

  • Add dark mode

This awesome jQuery plugin is developed by libhide. For more Advanced Usages, please check the demo page or visit the official website.