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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The Slider tillater deg å ha vannrett linje innhold som ikke får plass på vindusstørrelsen du ønsker. Du kan sette så mange elementer som du vil. Et element består av et bilde, en etikett og en link. Hvis du vil kan du overstyre koblingen teksten til alle eller til bare ett eller to elementer.

Hvordan bruke

Etter inkludert PrototypeJS og Scriptaculous (effekter + dragp & slipp), inkluderer filen slider.js (objekt) og filen slider.css (stil).

Så, bare ta med noe som dette på vinduet belastning:

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

Denne koden skaper en glidebryter på elementet som har ID "slider-test". Den har 2 elementer: Heroes og Prison Break.

Slider Options

Den neste Listen viser alle tilgjengelige til Slider alternativer.
  • slider - slider ordnede objektet eller ID
  • itemWidth - lysbilde bredde (standard er 320)
  • itemHeight - lysbilde høyde (standard er 200)
  • banen - lysbildene banen (standard er "images /")
  • linkText - lysbilde standardadresse tekst (standard er "Utforsk")
  • animere - animere slider (standard er sant). Glideren vil holde rulle før du klikker på dragger.
  • animationDelay - tid mellom animasjoner, i sekunder (standard er 5)
  • slideDelay - tid for lysbilde effekt, i sekunder (standard er 1)
  • slideLoop - når nå det siste elementet, sløyfe til den første? (standard er sant)
  • onClick - arrangement som heter når du klikker på et element kobling (standard er ingen)

I stedet for å gi en link til hvert element, kan du angi en tilbakeringingsfunksjonen når du klikker en bestemt vare eller en standardtilbakeringing. Legg merke til at hvis du angir en standardtilbakeringing, det vil alltid bli kalt og ingen linker vil bli brukt.

 ny Slider ({ "slider": "slider-test1", "onclick": function (element) { alert ("Du klikket element" + item.get ("label")); } "elementer": [ {"Fil": "heroes.jpg", "label": "Heroes"}, {"Fil": "prisonbreak.jpg", "label": "Prison Break", "onclick": function () {alert ("Du klikket Prison Break!"); }} ] }); 

I forrige koden, vil standardtilbakeringing bli kalt for element "Heroes", men ikke for "Prison Break" fordi dette elementet har en bestemt tilbakeringing.

Sjekk ut demo på http://envato.diogoresende.net/slider/


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
24 februar 10

Siste oppdatering:
N / A

Kompatible nettlesere:
Firefox, IE7, IE8, Opera, Safari

Filer Inkludert:
CSS, HTML, Javascript JS

JS Library:
Prototype 1.6, Script.aculo.us

Søkeord

eCommerce, eCommerce, Alle artikler, banner, skyve