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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Skyderen tillader dig at have horizontaly justeret indhold, der ikke passer på vinduet ønskede størrelse. Du kan lægge så mange emner, som du ønsker. Et element består af et billede, en etiket og et link. Hvis du vil kan du tilsidesætte linkteksten til alle eller til blot en eller to genstande.

Sådan bruges

Efter herunder PrototypeJS og Scriptaculous (effekter + dragp & drop), omfatter fil- slider.js (objekt) og filen slider.css (stil).

Så bare indeholde noget som dette på vinduet belastning:

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

Denne kode opretter en skyder på det element, der har ID "slider-test". Det har 2 poster: Heroes og Prison Break.

Slider muligheder

Den næste liste viser alle de muligheder til rådighed for skyderen.
  • slider - skyderen overordnede objekt eller id
  • itemWidth - slide bredde (standard er 320)
  • itemHeight - slide højde (standard er 200)
  • path - lysbilederne sti (standard er "billeder /")
  • linktext - slide standard linkteksten (standard er "Explore")
  • animere - animere skyderen (standard er sandt). Skyderen vil holde rulle, indtil du klikker på Dragger.
  • animationDelay - tiden mellem animationer i sekunder (standard er 5)
  • slideDelay - tidspunkt for slide effekt, i sekunder (standard er 1)
  • slideLoop - da den nåede det sidste punkt, sløjfe til den første? (standard er sandt)
  • onClick - begivenhed kaldes, når på et element link (standard er ingen)

I stedet for at give et link til hvert enkelt punkt, kan du indstille en callback funktion, når du klikker en bestemt vare eller en standard tilbagekald. Bemærk, at hvis du sætter en standard tilbagekald, vil det altid blive kaldt, og ingen links vil blive brugt.

 ny Slider ({ "slider": "slider-test1", "onClick": funktion (emne) { alert ("Du klikkede element" + item.get ("mærke")); } "poster": [ {"Fil": "heroes.jpg", "label": "Heroes"}, {"Fil": "prisonbreak.jpg", "label": "Prison Break", "onClick": function () {alert ("Du har klikket Prison Break!"); }} ] }); 

I den tidligere kode, vil standard tilbagekald blive indkaldt til posten "Heroes", men ikke for "Prison Break", fordi denne vare har en bestemt tilbagekald.

Tjek demoen på http://envato.diogoresende.net/slider/


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
24 februar 10

Sidste ændring:
N / A

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

Filer Inkluderet:
CSS, HTML, JavaScript JS

JS Bibliotek:
Prototype 1.6, Script.aculo.us

Søgeord

eCommerce, eCommerce, Alle emner, banner, glidende