A Brand New Take On Lightboxes
We Would Have Liked to create a lightbox that performs a few issues:
A Lightbox That Does Its Job: Display Top Resolution Photographs
What we disliked approximately lightboxes is that when you click on a picture, you’re given a loading icon and you are
compelled to wait till the prime resolution image lots sooner than you'll see the rest. Torchbox provides you with the low solution copy of the image as a preview, whilst the top answer one is being loaded. While it’s in a position, the low answer switches into the top answer image seamlessly. What you have this is an uninterrupted image viewing revel in.
Distinctive Lightbox Design
Such A Lot lightboxes are the same, click on an image, then a box opens with a loading icon. Torchbox adjustments things somewhat. while you click on an image, it pops out of its position then grows into the lightbox. And when you shut the lightbox, the image then snaps back into place. It’s an easy effect, but very effective in blending into your website online’s design.
Make the image in the Lightbox the Famous Person of the Show
We feel that a minimalist layout is enhanced for a lightbox. The lightbox isn’t the celebrity of the show, your image is. We’ve designed our lightbox to display captions and navigation buttons in a non-obvious, but stylish manner.
Top Performance
Velocity and loading time may be very necessary to us, so we’ve made Torchbox in pure vanilla Javascript. You don’t want jQuery for this. What this means is that you just’ll save load instances because you received’t need to load the jQuery library, and computations are fast for the reason that techniques are slimmer.
Hardware Accelerated
We Wanted actual hardware sped up performance. we've moderately crafted our styles and animations in order that we handiest use rules and transforms that use the least amount of browser repaints.
Full Function Set
- Superior minimalist layout, the picture/symbol is the megastar, now not the lightbox;
- Hardware sped up animations for tremendous easy and blazing rapid efficiency;
- High solution with preview, when the lightbox opens, it displays your low answer symbol. The prime solution version preloads and will get shown while in a position;
- Rapid & Responsive, different lightboxes display you only a loading icon and also you’re pressured to attend for it to finish, ours don’t. Switch between images rapid with Torchbox. Low res pictures serve as a preview too;
- Gallery-like, if multiple Torchboxes are detected, you'll transfer back and forth between them inside the lightbox;
- Natural Javascript resolution, no jQuery required, so it rather a lot fast;
- Easily styleable, you'll be able to easily amendment kinds via CSS, examples are integrated;
- Settings & Strategies uncovered, now we have equipped choices when initializing and techniques in order that you'll be creative on how you use Torchbox;
- Minimal setup, include the script then initialize it;
- Works in all up to date browsers (IE9 and under NOW NOT supported)
Having Hassle with the Script?
Head over to the
strengthen tab and take a look at the FAQs, or put up a
beef up price tag!
Enjoying the Script?
Ensure That to depart a rating and overview and show us a few love.
check out Our Other Stuff
Updates
Model 1.1 – August 12, 2015
* Keyboard navigation of lightbox is now possible throughout the cursor keys * While Torchbox opens, it now stops anchor links * Delivered overflow-x hidden to html to cover the horizontal scrollbar * Now doesn't show the caption overlay when the title is supplied but blank * Lightbox is now disabled in mobile gadgets, the prime res symbol opens as a substitute, the small monitor dimension defeats the purpose of a lightbox * Introduced choices to change the conduct in cellular units * Up To Date preview to be responsive
Model 1.0
* Initial free up
FULL DOWNLOAD
