background preloader

Look and feel

Facebook Twitter

Pingendo - web authoring with comfort. GLYPHICONS - library of precisely prepared monochromatic icons and symbols. Font Awesome, the iconic font and CSS toolkit. Typ.io: Fonts that go together. Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis. As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX.

All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don’t exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems. I needed a lightbox only for images, not video, text, and iframes at once. I made ImageLightbox.js. Features Ascetic. As I mentioned earlier, the plugin produces a single-element markup by default: No default CSS.

Position value can be anything, but in most cases fixed will produce what’s expected. JavaScript Source: imagelightbox.js (uncompressed; 9kb) and imagelightbox.min.js (minified; 4kb). The plugin takes the advantage of jQuery. ImageLightbox() accepts some options. Examples Demo P.S. Changelog.