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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Perkara ini merupakan satu wawasan baru tayangan slaid, ditawarkan sebagai plugin jQuery.
Beberapa kegunaan yang mungkin:

  • Untuk menggunakannya, bukan powerpoint untuk mengemukakan idea-idea anda
  • Untuk mengiklankan produk, laman web,...
  • Untuk membuat buku HTML direka
  • dan lain-lain, dan lain-lain

Ciri-Ciri

  • Dapat menggunakan plugin lain selain daripada yang ini
  • Boleh memuatkan nombor yang tidak terhad laman
  • Ia boleh mengandungi apa yang anda mahu (halaman adalah div yang mudah)
  • Laman-laman (tengah halaman) secara automatik saiznya dengan pelayar
  • Sepenuhnya dan mudah disesuaikan
  • Sangat mudah untuk digunakan
  • Navigasi papan kekunci (KANAN / KIRI / RUANG / L)
  • Pilihan Slideshow
  • Pilihan autoplay
  • Pilihan Loop
  • Imej pilihan preloading
  • Pergi ke laman tertentu (dengan kawalan input bercagar)
  • W3C Sah
  • Berfungsi pada IOS (iPhone / iPad) dan sudah tentu pada Android
  • Tiga tema termasuk (kelabu, biru, oren)
  • 4 pratetap peralihan
  • Anda boleh menulis peralihan anda sendiri dengan fungsi yang mudah dalam panggilan plugin
  • Peralihan boleh berbeza untuk tindakan seterusnya dan sebelumnya
  • Juga mengulas (paling tindakan dalam kod mengandungi comments)

Cara menggunakannya

JS - Syntax
 $ (Dokumen).simplePresentation ({ autoplay: boolean, gelung: boolean, intervalTime: integer, preloading: boolean, transitionFct: Fungsi }); 

JS - Contoh dengan peralihan yang telah di tetapkan
 var transitionFunction = fungsi (ELT, sumber, transitionTime) { Transition.opacity (ELT, sumber, transitionTime); }; $ (Dokumen).simplePresentation ({ autoplay: palsu, gelung: palsu, intervalTime: 2000, preloading: palsu, transitionFct: transitionFunction }); 

JS - Contoh dengan peralihan kita menulis
 var transitionFunction = fungsi (ELT, sumber, transitionTime) { elt.css ("opacity", "0"); // Jika kita pergi ke halaman seterusnya jika (Sumber == "HAK") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacity": 1, "MarginLeft": "0px" }, TransitionTime); } Lain { elt.css ("marginRight", "100%"); elt.animate ({ "Opacity": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Persembahan = $ (dokumen).simplePresentation ({ autoplay: palsu, gelung: palsu, intervalTime: 4000, preloading: benar, transitionFct: transitionFunction }); 

HTML
 <Div id = "bekas"> <Div id = "page1"> ... </ Div> <Div id = "Page2"> ... </ Div> </ Div> 
Setiap div dengan id = "pageX" mewakili halaman.
Setiap muka surat mesti mempunyai id yang bermula dengan "halaman".

Pelayar yang serasi

Item ini bekerja dengan penyemak imbas berikut:
  • Firefox 4+
  • IE7 + (menggunakan css stylesheet dipisahkan untuk IE kurang daripada V.9)
  • Opera
  • Chrome
  • Safari

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

Properties

Dibuat:
15 Disember 11

Kemaskini:
N / A

Resolusi Tinggi:
Tiada

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

Fail Termasuk:
JavaScript JS, HTML, CSS

Perisian Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Item, animasi, reka bentuk, powerpoint, persembahan, slider, tayangan slaid, peralihan