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 / Sliders

jSimplePresentation

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Item ini merupakan visi baru slide, ditawarkan sebagai sebuah plugin jQuery.
Beberapa kemungkinan penggunaan:

  • Untuk menggunakannya bukan powerpoint untuk menyajikan ide-ide Anda
  • Untuk mengiklankan produk, website,...
  • Untuk membuat sebuah buku HTML dirancang
  • dll, dll

Fitur

  • Dapat menggunakan plugin lain selain dari yang satu ini
  • Mampu memuat jumlah yang tidak terbatas halaman
  • Hal ini dapat berisi apa yang Anda inginkan (halaman adalah div sederhana)
  • Halaman-halaman (tengah halaman) secara otomatis diubah ukurannya dengan browser
  • Sepenuhnya dan mudah disesuaikan
  • Sangat mudah digunakan
  • Navigasi keyboard (KANAN / KIRI / SPACE / L)
  • Pilihan slideshow
  • Pilihan Autoplay
  • Pilihan lingkaran
  • Gambar preloading pilihan
  • Pergi ke halaman tertentu (dengan kontrol masukan dijamin)
  • W3C Hari
  • Bekerja pada iOS (iPhone / iPad) dan tentu saja pada Android
  • Tiga tema termasuk (abu-abu, biru, orange)
  • 4 preset transisi
  • Anda dapat menulis transisi Anda sendiri dengan fungsi sederhana dalam panggilan Plugin
  • Transisi dapat berbeda untuk tindakan selanjutnya dan sebelumnya
  • Nah berkomentar (paling tindakan dalam kode berisi komentar)

Bagaimana menggunakannya

JS - Sintaks
 $ (Document).simplePresentation ({ autoplay: boolean, lingkaran: boolean, intervalTime: integer, preloading: boolean, transitionFct: Fungsi }); 

JS - Contoh dengan transisi yang telah ditetapkan
 var transitionFunction = function (elt, sumber, transitionTime) { Transition.opacity (elt, sumber, transitionTime); }; $ (Document).simplePresentation ({ autoplay: palsu, lingkaran: palsu, intervalTime: 2000, preloading: palsu, transitionFct: transitionFunction }); 

JS - Contoh dengan transisi kita menulis
 var transitionFunction = function (elt, sumber, transitionTime) { elt.css ("opacity", "0"); // Jika kita akan ke halaman berikutnya jika (Sumber == "KANAN") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacity": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacity": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Presentasi = $ (document).simplePresentation ({ autoplay: palsu, lingkaran: palsu, intervalTime: 4000, preloading: benar, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Setiap div dengan id = "pageX" merupakan halaman.
Setiap halaman harus memiliki id yang dimulai dengan "halaman".

Browser yang kompatibel

Item ini bekerja dengan browser berikut:
  • Firefox 4 +
  • IE7 + (menggunakan css stylesheet terpisah untuk IE kurang dari V.9)
  • Opera
  • Khrom
  • Safari

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
15 Desember 11

Pembaharuan Terakhir:
N / A

Resolusi Tinggi:
Tidak

Browser kompatibel:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

File Termasuk:
JavaScript JS, HTML, CSS

Software Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Barang, animasi, disain, power Point, presentasi, slider, slideshow, transisi