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

Slider

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slider memungkinkan Anda untuk memiliki konten horizontal selaras yang tidak sesuai pada ukuran jendela yang Anda inginkan. Anda dapat menempatkan item sebanyak yang Anda inginkan. Item terdiri dari gambar, label dan link. Jika mau, Anda dapat mengganti teks link untuk semua atau hanya satu atau dua item.

Bagaimana cara menggunakan

Setelah termasuk PrototypeJS dan Scriptaculous (efek + dragp & drop), termasuk slider.js berkas (objek) dan slider.css berkas (gaya).

Kemudian, hanya menyertakan sesuatu seperti ini pada beban jendela:

 baru Slider ({ "slider": "slider-test1", "item": [ {"File": "heroes.jpg", "label": "Heroes", "link": "http://www.hulu.com/heroes"}, {"File": "prisonbreak.jpg", "label": "Prison Break", "link": "http://www.hulu.com/prison-break"} ] }); 

Kode ini menciptakan slider pada elemen yang memiliki ID "slider-test". Ini memiliki 2 item: Pahlawan dan Prison Break.

Slider Pilihan

Daftar berikut menunjukkan semua pilihan yang tersedia untuk Slider.
  • slider - slider orangtua objek atau ID
  • itemWidth - lebar slide (default adalah 320)
  • itemHeight - ketinggian slide (default adalah 200)
  • gambar slide path (default adalah "images /") - path
  • linktext - geser link teks default (default "Jelajahi")
  • menghidupkan - bernyawa slider (default benar). Slider akan terus bergulir sampai Anda klik dragger tersebut.
  • animationDelay - waktu antara animasi, di detik (default adalah 5)
  • slideDelay - waktu efek slide, di detik (default adalah 1)
  • slideLoop - ketika mencapai item terakhir, loop untuk yang pertama? (default benar)
  • onClick - acara yang disebut ketika mengklik link item (default adalah tidak ada)

Alih-alih memberikan link ke setiap item, Anda dapat mengatur fungsi callback saat mengklik item tertentu atau callback default. Perhatikan bahwa jika Anda menetapkan callback default, akan selalu disebut dan tidak ada link akan digunakan.

 baru Slider ({ "slider": "slider-test1", "onClick": function (item) { alert ("Anda diklik item" + item.get ("label")); } "item": [ {"File": "heroes.jpg", "label": "Heroes"}, {"File": "prisonbreak.jpg", "label": "Prison Break", "onClick": function () {alert ("Anda diklik PENJARA BREAK!"); }} ] }); 

Dalam kode sebelumnya, callback default akan dipanggil untuk item "Heroes" tetapi tidak untuk "Prison Break" karena item ini memiliki callback tertentu.

Memeriksa demo di http://envato.diogoresende.net/slider/


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

Properties

Dibuat:
24 Feb 10

Pembaharuan Terakhir:
N / A

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

Termasuk file:
CSS, HTML, JavaScript JS

JS Perpustakaan:
Prototipe 1.6, Script.aculo.us

Kata kunci

eCommerce, eCommerce, Semua barang, spanduk, geser