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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

De Slider kunt u horizontaly uitgelijnd inhoud die niet past in het venster grootte je wilt. U kunt zoveel items te zetten als je wilt. Een post bestaat uit een beeld, een label en een link. Als u wilt kunt u de link tekst opheffen voor alle of voor slechts een of twee items.

Hoe te gebruiken

Na waaronder PrototypeJS en Scriptaculous (effecten + dragp & drop), inclusief het bestand slider.js (object) en het bestand slider.css (stijl).

Dan, net onder zoiets als dit op het raam belasting:

 nieuwe Slider ({ "slider": "slider-test1", "items": [ {"Link" "Heroes",: "file": "heroes.jpg", "label" "http://www.hulu.com/heroes"}, {"File": "prisonbreak.jpg", "label": "Gevangenis Break", "link": "http://www.hulu.com/prison-break"} ] }); 

Deze code maakt een schuifbalk op het element dat de ID "slider-test" heeft. Het heeft 2 items: Helden en Gevangenis Break.

Slider Opties

De volgende is een overzicht van alle beschikbare opties voor de Slider.
  • slider - schuifknop bovenliggende object of ID
  • itemWidth - dia breedte (standaard is 320)
  • itemHeight - slide hoogte (standaard is 200)
  • path - dia's pad (standaard is "images /")
  • linkText - dia standaard linktekst (standaard is "Explore")
  • animeren - animeren schuifknop (standaard is waar). De slider zal scrollen houden totdat u de dragger klikken.
  • animationDelay - tijd tussen animaties in seconden (standaard is 5)
  • slideDelay - tijd van dia-effect, in seconden (standaard is 1)
  • slideLoop - bij het ​​bereiken van het laatste item, loop naar de eerste? (standaard is waar)
  • onClick - evenement genaamd bij het ​​klikken op een item link (standaard is geen)

In plaats van het verstrekken van een link naar elk item, kunt u een callback functie instellen bij het klikken op een specifiek item of een standaard callback. Merk op dat als je een standaard terugbellen ingesteld, het zal altijd worden genoemd en geen links zal worden gebruikt.

 nieuwe Slider ({ "slider": "slider-test1", "onClick": functie (item) { alert ("U klikte punt" + item.get ("label")); } "items": [ {"File": "heroes.jpg", "label": "Heroes"}, {"File": "prisonbreak.jpg", "label": "Gevangenis Break", "onClick": function () {alert ("U klikte GEVANGENIS BREAK!"); }} ] }); 

In de vorige code, wordt de standaard callback worden opgeroepen voor post "Heroes", maar niet voor "Gevangenis Break", omdat dit item heeft een specifieke callback.

Bekijk de demo op http://envato.diogoresende.net/slider/


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
24 februari 10

Laatste update:
N / A

Compatibele Browsers:
Firefox, IE7, IE8, Opera, Safari

Bestanden Inbegrepen:
CSS, HTML, JavaScript JS

JS Bibliotheek:
Prototype 1.6, Script.aculo.us

Trefwoorden

eCommerce, eCommerce, Alle spullen, banier, schuif-