The JQuery Lightbox Lightbox plugin allows you to showcase elegant images, videos and other content (using modal windows) for your website and applications. If you are a developer, you must have a collection of jQuery Lightbox Plugins, because some of the customers will ask their site to look more appealing and visually compelling.So in this collection, we've com
Document directory
1. JackBox
2. Flare
3. fancyBox 1
4. fancyBox 2
5. MetroBox
6. Foobox
7. Shadowbox
8. YoxView
9. Colorbox
10. rlightbox
11. Fresco
12. Yootheme
Lightbox is one of the most commonly used effects on websites. It is used to achieve effects similar to modal dialogs. Various Lightbox plug-ins on the network are dazzling. With the development of responsive Design, this advanced
The JQuery Lightbox Lightbox plugin allows you to display elegant images, videos and other content for your site and applications (using the modal window). If you are a developer, you must have a collection of jQuery box Plug-ins, as a subset of customers will require their sites to look more attractive and visually appealing.
So in this collection, we've compiled 20 of the best jQuery
Next article: lightbox-lightbox effect plug-in (very beautiful)
8) yoxview Is a customizable J
Query image viewing plug-in (
Lightbox ), Used to display a single or multiple images. You can use forward/backward buttons or slideshow to browse images in a mode dialog box. Yoxview allows you to place multiple instances on the same page, and these instances can be
Title
Content
Type
General
Support layout
N/s
The required script
Https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js
Example
Open LightboxId= "My-lightbox"layout= "Nodisplay"class= "Mip-hidden" >
Property
Id
Description: Component ID
Required option: Yes
Type: string
Layout
Description: Layout
Required opt
jQuery 1.3 and 1.4.
View Live Demo
6. FaceBox
Facebox is a Facebook-style lightbox plug-in that can display pictures, Divs, or the entire remote page.
View Live Demo
7. jQuery Lightbox
JQuery Lightbox has become a project on Google Code. Everyone can make their own changes.
View Live Demo
8. Milkbox
Milkbox has many new features, such as gallery object
supportsMultiple types.
View Live Demo
5. Colorbox Lightbox Plugin
ColorBox is a lightweight and customizable lightbox plug-in that supports jQuery 1.3 and 1.4.
View Live Demo
6. FaceBox
Facebox is a Facebook-style lightbox plug-in that can display pictures, Divs, or the entire remote page.
View Live Demo
7. jQuery Lightbox
lightweight, customizable Lightbox plug-in that supports jquery 1.3 and 1.4.
View Live Demo
6. Facebox
Facebox is a Facebook-style light box plugin that can display pictures, divs, or the entire remote page.
View Live Demo
7. JQuery Lightbox
JQuery Lightbox has become the project on Google Code. Everyone can make their own changes to it.
View Live Demo
8
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
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] ').
Lightbox is a cool, very useful JS script, you can easily view the picture on the page. But since the birth of Lightbox, a large number of lightbox scripts have sprung up, some of which are excellent, completely beyond Lightbox, and we have collected the 10 best MooTools lightbox
ZBox is a jquery lightbox image gallery plugin with magnifier effect. The Lightbox plugin can display a large, high-definition image of the corresponding thumbnail, and you can also use a magnifying glass to view the magnification in detail when browsing a large HD image.Online preview Source DownloadHow to useUsing the Light
Without a doubt, lightbox plugin is very powerful.
I used this plug-in when developing the CRM system. Here I will share my application experiences.
I. lightbox2
Official Website: http://www.lokeshdhakar.com/projects/lightbox2/
1. Import: Add the following content to the Code:
Obviously, prototype is used here.
2. Association
① Add the rel = "lightbox" attribute to apply it to any
[Browser participating in the test: ie6/ie7/ie8/ff3.5/op9.6/sf4/chrome2][Operating system: Windows]The purpose of this tutorial is to achieve the separation of style and behavior when lightbox, and to reduce the work of JS in all aspects (full screen, IE6, double Center, highly adaptive content, etc.).First code:
Copy Code code as follows:
Center text when tip is less than one line [BR]
When the content has exceeded the height of a scre
One, informationOriginal Author: Benjamin Arthur LuptonCurrent version: v1.3.7 final versionRelease date: April 25, 2009Project Address: Http://jquery.com/plugins/project/jquerylightbox_balTranslation Editor: Zhang Xinxu (Zhangxinxu)Second, the installationEmbed the following code links to the required JavaScript file in the header head of your page.
The previous JavaScript file represents the JavaScript library, followed by the Lightbox plugin. The
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 attractiv
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
Today we introduce a very good jquery image to see the plugin-lightbox. This picture view plug-in experience is very good, not only the left and right two small arrows can browse the previous and next picture, but also support the mouse around the key to browse the previous and next picture. It's a bit like a Google Picture viewer. Look together:Online preview Source DownloadLet's look at the implementation code together:HTML code:DivID= "wrapper">
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 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.