Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more
Everyone loves lightbox JavaScript effects and since the original Lightbox script, there have been countless plugins and clones generated for all the popular JavaScript libraries. This collection rounds up the top ten jQuery lightbox plugins and scripts in particular, so remember to keep it bookmarked for your next design project!
Lightbox is a script used to overlay images on the current page and works on all modern browsers. This popular JavaScript library displays media content in a pop-up, by filling the screen and dimming out the rest of the web page.
These jQuery lightbox scripts and plugins will enable your Lightboxes to become easily viewable on all devices screen sizes and some even make it easy for your media content to be shared on social sharing networks. Plus, most of them come with fully customizable skins and you can include your own custom JavaScript and CSS for further customization.
You should also check out jQuery and JavaScript resources to get some more help with JavaScript and jQuery.
Fancybox
fancyBox is a jQuery lightbox script that offers a way to add zooming functionality for images, HTML content and multi-media on your web pages. This was built on the top of the popular lightbox JavaScript framework.
nyroModal
nyroModal v2 works with filters that let you define totally new possibilities for the plugin. It is packed with useful features such as Ajax Call, images gallery with arrows for navigating, form in iframe (or with targeting content and with file upload), Dom Element, manual call, iframe, stacked modals, and more.
prettyPhoto
prettyPhoto is a jQuery lightbox that also supports videos, flash, YouTube, iframes, and Ajax. It is very easy to setup and flexible for customization. The script is compatible with every major browser. It also comes with useful APIs.
Lightbox
Lightbox is a script used to overlay images on the current page. If you want to change any of the default options, you can easily do that. Lightbox2 has been tested successfully in the popular browsers. Check it out and start using it in your web projects.
Featherlight
Featherlight is a very lightweight plugin with only 400 lines of JavaScript, 100 of CSS, and less than 6kB combined. This plugin is smart, responsive, supports images, ajax and iframes. It is also easy to customize, due to the low specific CSS selectors and little code.
jquery-lightbox
Use this jQuery plugin to display an image on the same page simply and elegantly. If you want to customize this plugin, all you have to do is set the show_linkback option to false.
Colorbox – a jQuery lightbox
This is a lightweight customizable lightbox plugin for jQuery, compatible with jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. It supports photos, grouping, slideshow, ajax, inline, and iframed content and its appearance is controlled through CSS.
Swipebox
Swipebox is a touchable jQuery light box plugin for desktop, mobile, and tablet. It supports Swipe gestures for mobile. Its main features are swipe gestures for mobile, keyboard navigation for desktop, CSS transitions with jQuery fallback, retina support for UI icons, and easy CSS customization.
iLightbox
iLightBox adds a responsive Lightbox capability to your HTML and WordPress-powered website. It automatically resizes on all screen resolutions and comes with a wide range of media with gorgeous skins and a user-friendly API. IE7+ (including IE10), Firefox, Safari, Opera, Chrome, IOS4+, and Android are supported. It also works for swipe events and Youtube and Vimeo integration for HTML5 video. Another great thing about this plugin is that each window has social sharing icons with Facebook, Twitter, Google+, Delicious, Digg and reddit.
Comments are closed.