Detailed explanation on the use of jquery image playback plug-in prettyPhoto

Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery

WBOY

Release： 2016-05-16 16:25:34

Original

1903 people have browsed it

Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery. Introduction to prettyPhoto

Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery

PrettyPhoto is a lightweight lightbox image playback plug-in based on jquery. It not only supports images, but also supports videos, flash, YouTube, iframe and ajax. Moreover, prettyPhoto is very simple to configure and use, and has good scalability. You can customize prettyPhoto to the maximum extent. Currently, prettyPhoto is compatible with most mainstream browsers, including the confusing IE6.

PrettyPhoto plug-in project address: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

It is recommended that friends who are good at English go directly to the official website to learn how to use this plug-in. If your English is poor, don’t worry. I will introduce how to use prettyPhoto one by one.

2. Introduction to how to use prettyPhoto

Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery. Introduce jquery core library, prettyPhoto plug-in library and prettyPhoto style sheet file

Copy code The code is as follows:

2. Initialize the jquery plug-in. The following is the simplest configuration js code

Copy code The code is as follows:

$(document).ready(function(){

$("a[rel^='prettyPhoto']").prettyPhoto();

});

Here are the html codes for each type

Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery. Single picture

Copy code The code is as follows:

2. Picture Album

Copy code The code is as follows:

3. Single flash

Copy code The code is as follows:

http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294"
rel="prettyPhoto[flash]" title="Flash Detailed explanation on the use of jquery image playback plug-in prettyPhoto_jquery0 demo">