Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

stupidbox

This is a really simple and a bit stupid image lightbox jQuery plugin. It has no options and works out of the box. It just a javascript jquery.stupidbox.js file with no styleshets, images, etc. And just the "X" letter is used as a closing icon.

And again, all you need is jquery.stupidbox.js (it's around 30 lines of code).

Demo

Demo on CodePen

HTML

The idea of this markup is that <a> tag has a big image and <img> has a thumbnail.

<a href="big-image.jpg">
    <img src="thumbnail-image.jpg">
</a>

Or you can use just <img> tag. In this case, you will get the same image in the lightbox.

<img src="image.jpg">

Javascript

jQuery(function ($) {
    $("a").stupidbox();
});

Or:

jQuery(function ($) {
    $("img").stupidbox();
});

BTW

We stretch image in the lightbox to full screen keeping aspect ratio, so it's recommended to use high quality images for "big image".

About

Really simple image lightbox jQuery plugin. Demo is here http://codepen.io/starikovs/full/vNEvpW/

Resources

License

Packages

No packages published