Tiny Responsive Image Lightbox Plugin For jQuery - Simplebox.js
File Size: | 17.2 KB |
---|---|
Views Total: | 2430 |
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.