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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang Slider ay nagbibigay-daan sa iyo upang magkaroon horizontaly nakahanay nilalaman na hindi magkasya sa laki ng window na nais mo. Maaari mong ilagay ang bilang ng maraming mga bagay hangga't gusto mo. Ang isang item ay binubuo ng isang imahe, ang isang label at ng isang link. Kung gusto mo maaari mong i-override ang text link sa lahat o sa isa o dalawang mga item.

Paano gamitin

Pagkatapos kabilang PrototypeJS at Scriptaculous (effects + dragp & drop), isama ang slider.js file (object) at ang file slider.css (style).

Pagkatapos, isama lamang ng isang bagay tulad nito sa load window:

 bagong Slider ({ "slider": "slider-test1", "item": [ {"File":, "label" "heroes.jpg":, "link" "Bayani": "http://www.hulu.com/heroes"}, {"Link" "bilangguan break",:: "file": "prisonbreak.jpg", "label" "http://www.hulu.com/prison-break"} ] }); 

Ang code na ito ay lumilikha ng isang slider sa na elemento na may ID "slider-test". Ito ay may 2 na mga item: Bayani at bilangguan break.

Slider Opsyon

Ang susunod na listahan ay nagpapakita ng lahat ng mga opsyon na magagamit sa Slider.
  • slider - slider magulang object o ID
  • itemWidth - width slide (default ay 320)
  • itemHeight - taas slide (default ay 200)
  • landas - landas slide imahe (default ay "images /")
  • linktext - text default link slide (default ay "Galugarin")
  • animate - animate slider (default ay totoo). Slider ay panatilihing-scroll hanggang sa ikaw ay mag-klik sa dragger.
  • animationDelay - oras sa pagitan ng mga animation, sa mga segundo (default ay 5)
  • slideDelay - oras ng slide effect, sa mga segundo (default ay 1)
  • slideLoop - kapag ang pag-abot sa huling item, loop na ang una? (default ay totoo)
  • onClick - na tinatawag na kaganapan kapag ng pag-click sa isang link item (default ay wala)

Sa halip ng pagbibigay ng isang link sa bawat item, maaari kang magtakda ng isang callback function kapag pag-click sa isang partikular na item o isang default callback. Pansinin na kung nagtakda ka ng isang default na callback, ito ay palaging magiging tinatawag at walang mga link ay gagamitin.

 bagong Slider ({ "slider": "slider-test1", "onclick": function (item) { alert ("Nag-click ka item" + item.get ("label")); } "item": [ {"File": "heroes.jpg", "label": "Bayani"}, {"File": "prisonbreak.jpg", "label": "bilangguan break", "onclick": function () {alert ("Nag-click ka PRISON BREAK!"); }} ] }); 

Sa mga nakaraang mga code, ang mga default na callback ay tinatawag na para sa mga item na "Bayani" ngunit hindi para sa "bilangguan break" dahil may isang tiyak na callback item na ito.

Tingnan ang demo sa http://envato.diogoresende.net/slider/


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
Pebrero 24 10

Huling Update:
N / A

Katugmang Browser:
Firefox, IE7, IE8, Opera, Safari

Kasamang File:
CSS, HTML, JavaScript JS

JS Library:
Tularan 1.6, Script.aculo.us

Keyword

eCommerce, eCommerce, Lahat ng bagay, watawat, dumudulas