![]() Browser Support: IE9+, Chrome, Firefox, Safari, Opera.If you need a WordPress plugin, there is one. It works with images under various circumstances including floating image, image with absolute position, images that have border and padding, and galleries. Browser Support: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android, and Windows Phoneįluidbox is an image lightbox plugin that is inspired from Medium.It comes with more than 20 options to customize the tiniest of details of the lightbox. LightGallery, another lightbox plugin with a lot of features added. the plugin works with images, videos, maps, and external content. It has a handful of options, custom JavaScript methods, and custom events. LightLayer is an easy to use lightbox plugin. You can also develop your own extension for this plugin to fit in your project needs. If you need, for example, to group image lightbox in a gallery, you can include the gallery extension. The 6kb Featherlight is a bare plugin for savvy developer and carries only the essentials. The plugin also properly handles media cannot be reached or found errors Furthermore, it also supports various types of media including Youtube embed, HTML videos, SWF and input forms. It comes with several animations that makes user interaction come alive, like fade, elastic zoom and scrolling. Browser Support: IE10+, Chrome, Firefox, Safari, and Opera.It’s the perfect plugin if you only designate for the latest browser and do not need to overlay other media types like videos. The library is only 2kb, and works only with images. The plugin just works.Īnother lightbox plugin with none of the bloat. It also does not require extraneous HTML markup the element is sufficient. It is built specially for image hence the name given - no video or other media type supported. ImageLightbox is a lightbox plugin without the bloat. Browser Support: IE9+, Chrome, Firefox, Safari, and Opera.Several options are included to change the appearance into the way you like it to appear, such as changing the theme, the transition effect, and switching the navigation. Nivo Lightbox is a flexible lightbox plugin. Browser Support: IE8+, Chrome, Firefox, Safari, and Opera.The plugin is well-integrated with Bootstrap’s code-base. If you are using Bootstrap, I highly recommend using this library. Lightbox is one of the glaringly missing pieces from Bootstrap. Browser Support: IE7+, Chrome, Firefox, Safari, and Opera.Also check out the advanced section to see how iLightbox can be applied in different scenarios. This plugin also adds social media buttons on top of the media, allowing your users to share it to Facebook, Twitter or Reddit. ![]() ILighbox is a jQuery lightbox plugins with a wide range support of media types: including videos, Flash / SWF, Ajax content, iframe and maps. Browser Support: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android, and Windows Phone.I think Swipebox is a great lightbox plugin for JavaScript noobs. Swipebox is also downright easy to implement, and has a handful of options to customize its behavior. It also supports videos from Youtube and Vimeo aside from images. Swipebox is a jQuery plugin with touch gesture support for mobile platform. Browser Support: IE7 (partially), IE8+, Chrome, Firefox, Safari, and Opera.This is a great alternative for those who prefer having more features at hand. It comes in the form of a jQuery/Zepto plugin, and also brings missing capabilities in PhotoSwipe such as support for Video, Map, and Ajax content. MagnificPopup is another lightbox plugin, developed by the same person that gave us PhotoSwipe, Dmitry Semenov. Browser Support: IE8+, Chrome, Firefox, Safari, Opera, and a couple of mobile browsers.You can swipe through images with your fingers as you would in a native app, and the transition runs really smooth. It’s light, touch-enabled, and most importantly modular which allows me to ditch a few parts that is not needed. PhotoSwipe is by far my favorite ligthbox plugin. Neglecting this and the need for responsiveness is not a good idea nowadays, which is why this collection of 15 responsive Lightbox libraries must be checked out. ![]() Most popular Lightbox JavaScript libraries that we have known for years let you do this well on a desktop, but not so much on mobile platforms. ![]() When you click on an image, the Lightbox pops up with some form of animation and dims the background so your focus is on the image itself. Lightbox is one popular way to overlay images on the web.
0 Comments
Leave a Reply. |