WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Ken Burns Media Gallery / Slideshow

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress Version

GALERI menyokong imej, video, audio sebaris Telefon iPad pemasangan minit serasi Ken Burns imej kecil kesan navigasi dan banyak lagi!

Kemas kini

UPDATE 2 0,1 [14/06/2011]

  • menambah contoh autoheight + panggilan api

UPDATE 2.0 [09/06/2011]

  • bug tetap
  • dijenamakan semula dengan Galeri Phoenix - ciri yang sama Galeri + lagi
  • navigasi thumbnail ditambah

Pengenalan

jQuery Ken Burns Slideshowis cara yang baik untuk mempamerkan gambar / iklan anda dalam gaya. Setiap perkara mempunyai masa tayangan slaid yang berasingan dan anda boleh mengedit link mereka, sasaran dan banyak tetapan individu lain hanya dengan mengubah HTML.

ciri-ciri

  • menyokong.PNGs,.JPGs,.GIFs
  • API - memanggil jeda, bermain, gotoNext, gotoPrev dari html anda (di luar galeri)
  • autoheight - Pilihan untuk autosize galeri bergantung kepada ketinggian kandungan
  • menyokong barangan tidak terhad - berputar seberapa banyak gambar yang anda mahu
  • mod tayangan slaid - dengan masa bebas untuk setiap item yang anda boleh menentukan dalam HTML yang diberikan
  • nilai yang anda boleh menetapkan untuk setiap item - penerangan (penerangan dari atas), initialZoom (apa-apa nilai yang anda mahu), finalZoom, slideshowTime (masa yang alat pemutar banner tetap memberi tumpuan pada item tertentu), membakar masa kesan (masa yang anda ingin kesan untuk mengambil), url (jika tiada url ditetapkan item yang anda perlu menjadi imej tanpa pautan di klik), transitionType (easeInSine, linear dan lain-lain), initialposition, kedudukan akhir (pilih dari topleft, topcenter, topright, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • resizable saiz pilihan anda - semua kandungan akan kedudukan yang betul

Jawatan panning mungkin (awal dan akhir)

FAQ

Bagaimana untuk menetapkan bilangan lakaran, saya mempunyai potret imej dalam gelangsar.. navigasi hanya menunjukkan 2 daripada mereka, sementara ada ruang untuk 4?

Anda tidak boleh menetapkan bilangan lakaran dipaparkan setiap 'halaman' kerana ia dikira secara automatik dari ibu jari lebar / tinggi dan ruang ibu jari. Oleh itu, cuba untuk menurunkan yang lebih ibu jari. Juga terdapat satu lagi parameter "nav_arrow_size: 40" - ini adalah ruang yang diperuntukkan bagi setiap anak panah (demikian pada lalai 80 px sedang substracted untuk anak panah) dan anda juga boleh menurunkan ini selama lebih ibu jari.

adakah mungkin untuk meletakkan pautan pada imej (imej utama Offcourse tidak imej kecil) Ya, pasti, menulis

 <a href="#"> <img src = "img / def1.jpg" / a> 

daripada

 <img src = "img / def1.jpg" /> 

Saya cuba untuk menambah pautan dalam keterangan tetapi ia pecah skrip

Propably anda melakukan sesuatu seperti ini

BAD:

 data-description = "link saya <a href="http://something"> sini </a>" 

Masalahnya ialah bahawa "dalam href memecah" dari data-description. Penyelesaian adalah menggunakan 'dan bukan "

BAIK:
 data-description = 'link saya <a href="http://something"> sini </a>' 
Hi. Bagaimana saya boleh menghentikan auto-gelongsor phoenixgallery yang

anda ada dalam parameter

 targetgallery.phoenixgallery ({ transition_type: "rawak", nav_type: "thumbsa", nav_position: "up", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "off", settings_autoresize: "off", settings_autoheight: "off", settings_pauseonrollover: "off", settings_usethumbarrows: 'mati', transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
untuk melumpuhkan tayangan slaid hanya menambah settings_slideshow parameter baru dan menetapkan ia untuk off seperti ini
 targetgallery.phoenixgallery ({ transition_type: "rawak", nav_type: "thumbsa", nav_position: "up", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "off", settings_autoresize: "off", settings_autoheight: "off", settings_slideshow: "off", settings_pauseonrollover: "off", settings_usethumbarrows: 'mati', transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
Untuk sebab-sebab tertentu apabila saya menambah pautan kepada imej kesan zum tidak lagi fungsi.

Ini kerana sifat-sifat data-initialZoom, data-finalZoom, data-effectTime dan lain-lain perlu pada kanak-kanak itu langsung div galeri. Sebagai contoh jika anda mempunyai

 

kesan akan bekerja, tetapi jika anda menambah link seperti ini
 <a href="#"> </a> 
kesan tidak akan berfungsi. Anda perlu bergerak sifat-sifat kanak-kanak itu langsung galeri seperti demikian:
 <a href="#" data-finalzoom="2"> </a> 

Kredit

Foto kreatif - http://www.flickr.com/photos/markjsebastian/

Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
2 10 Ogos

Dikemaskini:
N / A

Pelayar Sesuai:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS, HTML, CSS

Perisian Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Produk, anak panah, navigasi adat, kesan, Galeri, imej, ken membakar, nombor, pan, sokongan gambar, pemutar, tayangan slaid, imej kecil, peralihan, sokongan video, zum