Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery

Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery. Pengenalan kepada prettyPhoto

PrettyPhoto ialah pemalam main balik imej peti cahaya ringan berdasarkan jquery. Ia bukan sahaja menyokong imej, tetapi juga menyokong video, flash, YouTube, iframe dan ajax. Selain itu, prettyPhoto sangat mudah untuk dikonfigurasikan dan digunakan, dan mempunyai kebolehskalaan yang baik Anda boleh menyesuaikan prettyPhoto ke tahap maksimum. Pada masa ini, prettyPhoto serasi dengan kebanyakan penyemak imbas arus perdana, termasuk IE6 yang mengelirukan.

Alamat projek pemalam PrettyPhoto: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Adalah disyorkan bahawa rakan-rakan yang mahir dalam bahasa Inggeris pergi terus ke laman web rasmi untuk mempelajari cara menggunakan plug-in ini Jika bahasa Inggeris anda lemah, jangan risau saya akan memperkenalkan cara menggunakan prettyPhoto satu persatu .

2. Pengenalan kepada cara menggunakan prettyPhoto

Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery Perkenalkan perpustakaan teras jquery, perpustakaan pemalam prettyPhoto dan fail helaian gaya prettyPhoto

Salin kod Kod adalah seperti berikut:

2. Mulakan pemalam jquery Berikut ialah kod js konfigurasi yang paling mudah

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});

Berikut ialah kod html untuk setiap jenis

Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery. Gambar tunggal

Salin kod Kod adalah seperti berikut:

2. Album Gambar

Salin kod Kod adalah seperti berikut:

3. Denyar tunggal

Salin kod Kod adalah seperti berikut:

http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294
" rel="prettyPhoto[flash]" title="Demo Flash Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery0">

4. Video YouTube

Salin kod Kod adalah seperti berikut:

http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title="">

5、Vimeo

Salin kod Kod adalah seperti berikut:

http://vimeo.com/8245346" rel="prettyPhoto" title="">

6. Video QuickTime

Salin kod Kod adalah seperti berikut:

http://trailers.apple.com/movies/universal/despicableme/despicableme-tlrPenjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery_r640s.mov?width=640&height=360 "> http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlrPenjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery_r640s.mov?width=640&height= 340"> a> http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlrPenjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery_r640s.mov ?width=640&height=272">

7. Tapak web luaran (iframe)

Salin kod Kod adalah seperti berikut:

http://www.google.com?iframe=true&width=Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery00%&height=Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery00%"
rel="prettyPhoto[iframes]" title="Google.com dibuka pada Penjelasan terperinci tentang penggunaan pemalam main balik imej jquery prettyPhoto_jquery00%">Google.com
http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com
http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com

8. Teks biasa

Salin kod Kod adalah seperti berikut:

Ini ialah teks biasa

Saya harap anda akan menyukai Foto cantik yang saya perkenalkan kepada anda hari ini. Ini adalah html yang memainkan teks biasa

9. Kandungan AJAX

Salin kod Kod adalah seperti berikut:

Kandungan Ajax

3. Ringkasan

Pemalam pemain gambar prettyBox sangat berguna, gunakannya untuk mencipta album foto eksklusif anda sendiri!