Jquery is a very popular JS framework and has become a necessary tool for developers. The jquery lightbox plug-in is also a favorite of developers. One of its striking features is that the jquery lightbox plug-in has changed a lot. You can easily create any simple image library into an attractive and visually appealing interface. In the design field, lighbox is one of the most used plug-ins.
So here I hav
jquery is a very popular JS framework, it has become a necessary tool for developers, including the jquery Lightbox plug-ins for the vast number of developers love. One of its striking features is the jquery Lightbox plug-in that has changed a lot.
Here are 30 of the best jquery Lightbox plug-ins, and don't forget to bookmark them in case you miss one of them in
We should all know the lightbox effects, which are generally used in the display of website photos. Of course, there are more promotional applications, such as facebox, with more beautiful and comprehensive effects. If lightbox is already used on your website, or the following experiences are also appropriate (provided that JQuery is used ).
1. specify the conditions under which
1,Multibox
A lightbox supports the following content formats: image, Flash, video, MP3, and HTML.
Home: http://www.phatfusion.net/multibox/
Download: http://www.phatfusion.net/multibox/multibox.zip
Example: http://www.phatfusion.net/multibox/
2,Imagemenu
An Image Display Control. When you move the cursor over an image, the entire image is displayed.
Home: http://www.phatfusion.net/imagemenu/
Download: http://www.phatfusion.net/image
1,Multibox
A lightbox supports the following content formats: image, Flash, video, MP3, and HTML.
Home: http://www.phatfusion.net/multibox/
Download: http://www.phatfusion.net/multibox/multibox.zip
Example: http://www.phatfusion.net/multibox/
2,Imagemenu
An Image Display Control. When you move the cursor over an image, the entire image is displayed.
Home: http://www.phatfusion.net/imagemenu/
Download: http://www.phatfusion.net/imagemenu/imagemenu.zip
The word Lightbox is really difficult to translate, And it barely solves it as a "Lantern ".
The Lightbox effect is similar to the logout/shutdown dialog box of the WinXP operating system. In addition to the dialog box at the center of the screen, other areas are gradually dimmed to increase the contrast, in this case, except for the Form Control in the dialog box, no other area can obtain the focus.
The following is an official description. Many websites use this effect to display images, which is very good and easy to use.
Support
It doesn't work at all. The image opens up in a new page. What's wrong?
This is commonly caused by a conflict between scripts. Check your body tag and look for an onload attribute. Example:
A quick fix to this problem is to append the initlightbox () to the onload attribute as so:
It doesn' t work if I click an image link before the page has finished loading.T
Mootools Image Display plug-in (lightbox, ImageMenu) Collection, learn mootools friends can refer to, very good results. 1,
MultiBox
A lightbox supports the following content formats: image, Flash, video, mp3, and html.
Home: http://www.phatfusion.net/multibox/
Download: http://www.phatfusion.net/multibox/multibox.zip
Example: http://www.phatfusion.net/multibox/
2,ImageMenu
An Image Display Control. When
1,Multibox
A Lightbox supported content format includes: Picture, Flash, video, mp3,html.
Home: http://www.phatfusion.net/multibox/
Download: Http://www.phatfusion.net/multibox/multibox.zip
Example: http://www.phatfusion.net/multibox/
2,ImageMenu
A picture display control. The entire picture is expanded when the mouse is moved to a picture.
Home: http://www.phatfusion.net/imagemenu/
Download: Http://www.phatfusion.net/imagemenu/imagemenu.zip
If you've already used Lightbox on your site, or some of the following experiences, you'll feel comfortable with it (provided you use jquery).
1. Specify which conditions apply the Lightbox effect
Add the following statement to the JS file in the Web site:
Copy Code code as follows:
$ (function () {
$ (' a[@rel *=lightbox] ').
Share 20 jQuery Lightbox plug-ins for Beautifying websites and 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 at
1,MultiBox
A lightbox supports the following content formats: image, Flash, video, mp3, and html.
Home: http://www.phatfusion.net/multibox/
Download: http://www.phatfusion.net/multibox/multibox.zip
Example: http://www.phatfusion.net/multibox/
2,ImageMenu
An Image Display Control. When you move the cursor over an image, the entire image is displayed.
Home: http://www.phatfusion.net/imagemenu/
Download: http://www.phatfusion.net/imagemenu/imagemenu.zip
Lightbox plug-in based on jQuery that supports mobile touch devices, jquerylightbox
Swipebox is a jquery Lightbox plug-in that supports desktops, mobile phones, and tablets. The lightbox plug-in supports Mobile Phone Touch gestures, keyboard navigation for desktop computers, and video playback.
Download Online Preview source codeBrief tutorial
Swipebox is a jQue
A classic jQuery Lightbox effect, jquerylightbox
A lightbox effect Image Display plug-in.
Version:
JQuery v1.2.3 +
JQuery Lightbox v2.7.1
Github
Instance PreviewHow to load a CSS file
Copy and load JavaScript files
Copy the DOM Structure
Copy
After the preceding content is set, Lightbox is au
Strip JS-low intrusion, responsive Lightbox effect, striplightbox
Strip is a lightbox effect plug-in that only covers some pages when displayed. This reduces the intrusion level and sets aside space and large screens on the page, it also provides a classic lightbox experience for small mobile devices. Strp JS is based onJQueryLibrary implementation, supports all
Now let's talk about ext core, the application of Web Page widgets.
The first is the classic lightbox effect (CLICK I
Enter the demo ). Ext. UX. lightbox supports two registration methods (Register (). One is to register a single image. The other is batch, it has the effect of "previous"/"Next" for the user to move forward or backward. It should be said that these two methods have already met the general
You may also like
60 cool jQuery slide demos and downloads
20 jQuery plug-ins that are essential for Web developers
JQuery plug-in recommendation to improve your website
12 great jQuery Learning Websites
Share 27 great jQuery form plug-ins
Lightbox should be the most popular Image Browsing effect, which has the following features: auto scaling of the Image Based on the window size, mode window, slide playback, content pre-loading, gradient, a
This article will introduce you to the LightBox Effect of clicking and enlarging images on the scattered photos of js implementation table. It is very cool and non-jQuery implementation. If you need it, you can refer to the following:
Demo address http://xueduany.github.io/KitJs/KitJs/demo/Lightbox-Gallery/demo.html
The implementation principle is very simple. The basic html is as follows:
The Code is
I recently used lightbox in my project and found many good lightboxes on the Internet. It is easy to use.
Thickbox-Based on jquery, supports Ajax, lightweight and efficient. You can use images or HTML in lightbox. It is about 40 kb in size and can be used as a plugin for Wordpress.Greybox-the pop-up interface for creating IFRAME. images, HTML, and URLs can be used. The size is about 20 kb.Greybox
Web developers developed a variety of Image Browsing plug-ins in imitation of Lightbox, including jQuery-based, Prototype-based, and Native JavaScript. Today, we will share with you 30 best jQuery Lightbox effects plug-ins.
1. jQuery LightBox
Online example
2. Lightbox2
Online example
3. FancyBox
Online example
4. LightWindow v2.0
Online example
5. Colorbox
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.