I always think Javascript is a good thing and want to learn it well. Of course, I also had to learn something. After nearly a month, I finally got something to write.
Today, I have made an image viewer using JavaScript.
First look:
First, we will introduce the following functions:
1. Click the thumbnail to display the larger image. The larger image will cover the page.
2. The local image can be displayed. You only need to select an image to
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
is the jQuery Interface plug-in.
View Live Demo
21. jQuery lightBox plugin
JQuery lightBox plugin is simple, elegant, and well-behaved.
View Live Demo
22. imgBox
So, a few weeks ago I started a challenging project-imgBox. ImgBox is a jQuery plug-in that achieves smooth image zoom. Download and try it?
View Live Demo
23. GreyBox jQuery Lightbox
GreyBox jQuery
Observer Mode Observer
Achieving the goal: transform the Select box to change the content area and ad areaGeneral Ideas1: Judging the selected value2: Order down, modify the content area according to the value3: Edit the ad area again.
if'男'{ 内容区背景变灰 广告区内容变成男人话题}elseif'女'){ 内容区背景变粉 广告区内容变成女人话题}
So what are the questions:1: Let you choose to cause 3 changes in the area, whether to modify the If/elseif section2: If you choose female style, but do not change the powder, now popular purple
especially suitable for photo album use. Compared with other lightbox controls, the expanded image can be dragged around. You can open multiple images at the same time. This makes it easier for users to find navigation buttons.
Home: http://www.bertramakers.com/moolabs/imagezoom.php
Download: http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip
Example: http://www.bertramakers.com/moolabs/imagezoom.php
25,Bycropper
Bycropper is an
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
Lightview is created to change the method of overwriting content on the webpage.
View Live Demo
20. Interface Imagebox
Interface Imagebox is the jQuery Interface plug-in.
View Live Demo
21. jQuery lightBox plugin
JQuery lightBox plugin is simple, elegant, and well-behaved.
View Live Demo
22. imgBox
So, a few weeks ago I started a challenging project-imgBox. ImgBox is a jQuery plug-in that achieves smooth i
://www.efectorelativo.net/laboratory/viewer/class.viewer.js.zip
Example: http://www.efectorelativo.net/laboratory/viewer/
27,Bumpbox
Bumpbox is a Lightbox control developed based on Mootools. It can automatically detect the content type to be displayed without pre-specifying. In addition to FLV, SWF, images, and HTML content, Bumpbox can also display PDF files. W
from other lightbox controls in that the expanded picture can be dragged around. You can open more than one picture at a time. More convenient for users to find the navigation button.
Home: http://www.bertramakers.com/moolabs/imagezoom.php
Download: Http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip
Example: http://www.bertramakers.com/moolabs/imagezoom.php
25,Bycropper
Bycropper is a picture-cutting tool developed using Mootools1.2
easy to design.
View Live Demo
Lightview
Lightview is built to change the way you cover content on a Web page.
View Live Demo
Interface Imagebox
Interface Imagebox is the interface plug-in for jquery.
View Live Demo
JQuery LightBox Plugin
JQuery LightBox plugin is simple, elegant and well-behaved.
View Live Demo
Imgbox
So a few weeks ago I started to work on challenging projects-Imgbox. Imgbox
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
Article Introduction: the powerful place of jquery is that you don't need any JS foundation to make a flashy effect. And Lightbox is most often used in pictures, Windows and other fields. The collection of 15 most commonly used plug-ins, to share to the same demand for exuberant children's shoes.
The powerful place of jquery is that you don't need any JS foundation to make a flashy effect. And Lightbox
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
8 Yoxview is a flexible and customizable JQuery Picture Viewer (Lightbox) for displaying single or multiple pictures. You can use the forward/backward button or slideshow to navigate through a picture in a modal dialog box. Yoxview supports placing multiple instances on the same page, and these instances can be configured separately. Yoxview also supports multiple languages and can be customized through lan
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
[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
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.