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

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

La Slider permesas havi horizontaly vicigitaj enhavo kiu ne persvadas en la fenestro grandeco vi deziras. Vi povas meti kiel multaj eroj kiel vi volas. Ero konsistas bildo, etiketo kaj ligon. Se vi volas vi povas nuligi la ligilo al ĉiuj aŭ al nur unu aŭ du erojn.

Kiel Uzi

Post inkluzive PrototypeJS kaj Scriptaculous (efektoj + dragp & drop), inkluzivi la dosieron slider.js (objekto) kaj la dosiero slider.css (stilo).

Tiam, ĝuste inkluzivi io tiamaniere sur la fenestro ŝarĝo:

 nova Slider ({ "slider": "slider-test1", "erojn": [ {"Dosiero": "heroes.jpg", "etikedo": "Herooj", "ligo": "http://www.hulu.com/heroes"}, {"Dosiero": "prisonbreak.jpg", "etikedo": "Prison Break", "ligo": "http://www.hulu.com/prison-break"} ] }); 

Tiu kodo kreas slider sur la elemento kiu havas la ID "slider-testo". Ĝi havas 2 erojn: Herooj kaj Prison Break.

Slider Agordoj

La sekva listo montras ĉiujn disponeblajn eblojn por la Slider.
  • slider - slider gepatro objekto aŭ ID
  • itemWidth - diapozitivo larĝo (defaŭlto estas 320)
  • itemHeight - diapozitivo alteco (defaŭlto estas 200)
  • padon - diapozitivo bildoj padon (defaŭlte estas "bildoj /")
  • linktext - diapozitivo defaŭlta ligilo (defaŭlte estas "Esplori")
  • animi - animi slider (default estas vera). La slider gardos movo ĝis vi klakas la dragger.
  • animationDelay - tempo inter kuraĝigoj, en duaj (default estas 5)
  • slideDelay - tempo de slide efekton, en duaj (default estas 1)
  • slideLoop - al la atingi la lastan eron, buklo al la unua? (defaŭlte estas vera)
  • onClick - okazaĵo nomita kiam klakanta ero ligilo (defaŭlte estas neniu)

Anstataŭ provizanta ligon al ĉiu ero, vi povas agordi callback funkcio kiam klakanta specifan eron aŭ defaŭlta callback. Rimarku, ke se vi starigis defaŭlta callback, ĝi ĉiam estos nomita kaj neniu ligiloj utilos.

 nova Slider ({ "slider": "slider-test1", "onClick": funkcio (eron) { garde ("Vi klakis eron" + item.get ("etiketo")); } "erojn": [ {"Dosiero": "heroes.jpg", "etikedo": "Herooj"}, {"Dosiero": "prisonbreak.jpg", "etikedo": "Prison Break", "onClick": funkcio () {alert ('Vi klakis Prison Break! "); }} ] }); 

En la antaŭa kodo, la defaŭlta callback estos nomita por listero "Herooj" sed ne por "Prison Break" ĉar ĉi artikolo havas specifan callback.

Kontroli la demo en http://envato.diogoresende.net/slider/


Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
24 Februaro 10

Lasta Ĝisdatigo:
N / A

Kongrua Browsers:
Firefox, IE7, IE8, Opero, Safaro

Dosieroj Inkluditaj:
CSS, HTML, JavaScript JS

JS Biblioteko:
Prototipo 1.6, Script.aculo.us

Ŝlosilvortoj

eCommerce, eCommerce, Ĉiuj Eroj, rubando, glitante