Skip to content
Really simple image lightbox jQuery plugin. Demo is here http://codepen.io/starikovs/full/vNEvpW/
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE Stupidbox js and demo. Sep 5, 2015
README.md Update README.md Sep 12, 2018
demo.html
jquery.stupidbox.js
package-lock.json Add stupid closing icon. Just X letter. Sep 12, 2018
package.json

README.md

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

You can’t perform that action at this time.