20 jQuery Lightbox plug-ins for website beautification, jquerylightbox

Source: Internet
Author: User

20 jQuery Lightbox plug-ins for website beautification, jquerylightbox

The jQuery Lightbox plug-in allows you to show elegant images, videos, and other content for your website and applications (use mode window ). If you are a developer, you must haveJQueryA collection of lightbox plug-ins, because some customers will require their websites to look more attractive and visually appealing.

Therefore, in this collection, we compiled 20 of the bestJQueryLightbox plug-in list, which helps developers create and design exquisite websites. You can easily integrate these plug-ins into your website and download them to enrich your plug-in library instantly.

Articles you may be interested in
  • 10 useful results in Web development [Source Code download]
  • Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
  • 12 amazing creative 404 error page Designs
  • Let the website get started! 12 excellent jQuery animation plug-ins
  • Amazing 8 HTML5 & JavaScript Special Effects

 

1. lightGallery

JQuery lightGallery is a lightweightJQueryLightbox plugin for displaying images and video libraries. It has complete functions, such as responsive layout, touch, slide and fade effects on mobile devices, image titles and descriptions, etc.

2. Lighterbox

Lighterbox is a lightweight and customizableJQueryLightbox gallery plug-in. A Simple plug-in supports modern mobile and desktop browsers to reduce configuration and compatible processing code.

3. Rebox

JQuery-Rebox is a simple, lightweight, responsive, and mobile-friendlyJQueryLightbox plug-in, which is suitable for simplicity and does not require any image.

4. LiteBox

LiteBox is a multi-function that automatically detects content, images of favorites/modal windows, embedded content, iframe framework, and embedded HTML.

5. Image Lightbox

This lightbox plug-in is a simple, scalable, configurable, responsive, and touch-friendly compatible lightbox plug-in for iOS, Android, and Windows Phone. Automatically pre-load the next image and use CSS conversion and transition.

6. jQuery TosRus

JQuery. TosRUs plug-in is a great lightbox plug-in that supports any content through scrolling/swiping. On a desktop, tablet, or smartphoneHTMLElement or as a lightbox pop-up.

7. Fluidbox

Fluidbox isJQueryPlug-in that connects to an image with a larger resolution. It is applicable to mobile phones and also plug-ins that process images with higher resolutions and elegant links, so that it only comes pre-installed with them when users click thumbnails.

 

8. Swipebox

Swipebox isJQueryLightbox plug-ins, which have good support for touch events and response layout. It displays a single project or a group of projects (galleries) that can be viewed with a slide gesture or a keyboard.

9. iLightbox

ILightBox is a fresh alternative to otherJQueryThe lightbox plug-in has a great opportunity. Although it is a paid resource, it may become your favorite. It can present images, videos, other HTML, and an optional full screen mode.

10. VenoBox

VenoBox is another responseJQueryThe lightbox plug-in is suitable for images, embedded content, iFrame, Google Maps, Ajax requests, VIMEO and YouTube videos. Compared with many other modal Window Extensions, VenoBox calculates the maximum width of the displayed image and retains whether its height is greater than the window height.

11. Magnific Popup

This is a free responsiveJQueryLightbox plug-ins focus on performance and provide users with the best experience on any device. Most favorites plug-ins require you to define their size using the JS option.

12. Featherlight

Featherlight is a very lightweightJQueryLightbox. Responsive, supports image, AJAX, and iframe box and configuration options, you can adapt it to your needs.

13. flipLightBox

FlipLightBox is a free responsive lightboxJQueryPlug-ins are easy to implement, without any additional style sheets, scripts, and libraries. Its main function is optional paging effects, as each lightbox image is turned on and off.

14. Colorbox

ColorBox is anotherJQueryLightbox plug, lightweight (9KB), supporting photos, photo groups, slides, AJAX, inner and iframe content. The lightbox has a very exquisite interface for improving or customizing CSS.

15. Lightbox_me

Lightbox_me is a required tool in the jQuery developer toolbox. Wrap it inJQueryThe DOM element of the object to present the lightbox effect to you.

16. Shadowbox

Shadowbox Taijiquan is a lightbox plug-in that supports the most popular media publishing formats on all networks. Taijiquan is highly customizable and the author of the website can display all kinds of media in all major browsers. Users without navigation can stay away from linked pages.

17. Superbox

SuperBox is a latest jQuery plug-in that loads images and lightbox at the same time, reducingJavaScriptAnd image loading dependencies, using the HTML5 data attribute, responsive layout and jQuery, this is SuperBox.

18. Lightview

Lightview allows you to useJQueryLibrary easily creates the most beautiful window overlaps. Lightview uses APIs that will support a wide range of media with gorgeous appearances and Human NatureHTML5To help you achieve the best experience in every browser. Let it automatically enhance your media or create custom overwrites using powerful JavaScript APIs.

19. Fresco

Fresco is a beautiful responsive lightbox that can be used to create screens of any size at work great, with an astonishing overlap of all browsers on every device. To make things more awesome, the mural features full screen enlargement, retina ready skin, Youtube and Vimeo IntegrationHTML5Video and powerful JavaScript APIs.

20. Topup

Topup is an easy-to-use Javascript library that displays images and pop-up windows on the Web page in the form of Web 2.0. This library is driven by jQuery and jQuery UI to maintain cross-browser compatibility and closeness.

Articles you may be interested in
  • Awesome! Amazing page switching animation effects [Download source code]
  • Unlimited creativity! A set of webpage sidebar transition animations [download with source code]
  • Good stuff! Dynamic page loading animation effect [Download source code]
  • Use CSS3 to implement the 3D image slider effect [Download source code]
  • Fashion design! Three special grid loading effects (source code download]

 

Link to this article: 20 jQuery Lightbox plug-ins that help you beautify your website

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources

This article from [dream sky (http://www.cnblogs.com/lhb25 )]


A simple lightbox effect is mainly caused by the problem that the pop-up layer occupies the screen. jquery can be used instead of plug-ins.

You just need to use js to control the location.
Var $ place = function (selector) {// center the target. The target should be absolute.
Var $ t = ($ (window). height ()-$ (selector). height ()/2;
Var $ l = ($ (window). width ()-$ (selector). width ()/2;
((Selector).css ({"left": $ l + "px", "top": $ t + "px "});
}
$ (Function (){
$ Place (selector );
$ (Window). resize (function () {$ place (selector) ;}) // adjust the browser size
})
Or
Lightbox? If you want to bring up a table in the center of the layer, the structure of the pop-up layer is very simple. There is not much to do with table.

How do I change the JQuery LightBox pop-up layer style?

Search for sousousearch

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.