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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slider vă permite să aibă conținut orizontala aliniat care nu se încadrează în dimensiunea ferestrei pe care doriți. Puteți pune cât mai multe elemente, după cum doriți. Un element constă dintr-o imagine, o etichetă și un link. Dacă doriți, puteți suprascrie textul link-ul la toate sau doar la una sau două elemente.

Cum se utilizează

După inclusiv PrototypeJS și Scriptaculous (efecte + dragp & drop), include slider.js fișier (obiect) și slider.css fișier (stil).

Apoi, includ doar ceva de genul asta de sarcina fereastra:

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

Acest cod creează un cursor pe elementul care are ID-ul "slider-test". Acesta are 2 produse: Heroes si Prison Break.

Opțiuni Slider

Lista următoare prezintă toate opțiunile disponibile pentru a Slider.
  • slider - slider obiect părinte sau ID
  • itemWidth - lățimea de diapozitive (implicit este 320)
  • itemHeight - înălțimea de diapozitive (implicit este 200)
  • imagini diapozitiv cale (implicit este "images /") - calea de
  • linktext - tobogan link default text (implicit este "Explore")
  • anima - anima slider (implicit este adevărat). Cursorul va ține defilare până când faceți clic pe Dragger.
  • animationDelay - timp între animații, în câteva secunde (implicit este 5)
  • slideDelay - timp de efect diapozitiv, în secunde (implicit este 1)
  • slideLoop - la atingerea ultimul element, bucla de prima? (implicit este adevărat)
  • onClick - eveniment numit atunci când faceți clic o legătură produs (implicit este nici unul)

În loc de a oferi un link pentru fiecare element, puteți seta o funcție de apel invers, atunci când faceți clic pe un anumit element sau un apel invers implicit. Observați că dacă setați un apel invers implicit, acesta va fi întotdeauna chemat și nu link-uri vor fi utilizate.

 Noul Slider ({ "slider": "slider-test1", "onClick": Funcția (item) { alert ("Tu apasat articol" + item.get ("eticheta")); } "elemente": [ {"File": "heroes.jpg", "eticheta": "Heroes"}, {"File": "prisonbreak.jpg", "eticheta": "Prison Break", "onClick": function () {alert ("Tu apasat Prison Break!"); }} ] }); 

În codul anterior, implicit apel invers va fi numit pentru postul "Heroes", dar nu pentru "Prison Break", deoarece acest element are o anumită apel invers.

Check out demo la http://envato.diogoresende.net/slider/


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
24.02.10

Ultima actualizare:
N / A

Browsere compatibile:
Firefox, IE7, IE8, Opera, Safari

Fișiere incluse:
CSS, HTML, JavaScript JS

JS Library:
Prototip 1.6, Script.aculo.us

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, banner, alunecare