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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slider voit olla vaakasuunnassa kohdistettu sisältöä, joka ei mahdu ikkunan koon haluat. Voit laittaa niin monta kuin haluat. Erä koostuu kuvan, etiketti ja linkki. Jos haluat, voit ohittaa linkin teksti kaikkiin tai vain yksi tai kaksi tuotetta.

Kuinka käyttää

Kun lukien PrototypeJS ja Scriptaculous (vaikutukset + dragp & drop), ovat tiedosto slider.js (kohde) ja tiedosto slider.css (tyyli).

Sitten vain sisällyttää jotain tällaista ikkunaan kuorma:

 uusi Slider ({ "Liukusäädin": "liukusäädintä-test1", "Kohteita": [ {"Tiedosto": "heroes.jpg", "label": "Heroes", "linkki": "http://www.hulu.com/heroes"}, {"Tiedosto": "prisonbreak.jpg", "label": "Prison Break", "linkki": "http://www.hulu.com/prison-break"} ] }); 

Tämä koodi luo vedin elementti, joka on tunnus "liukusäädintä-test". Se on 2 kohdetta: Heroes ja Prison Break.

Slider Valinnat

Seuraava lista näyttää kaikki vaihtoehdot Slider.
  • liukusäädintä - liukusäädintä pääobjekti tai tunnus
  • itemWidth - slide leveys (oletusarvo on 320)
  • itemHeight - slide korkeus (oletusarvo on 200)
  • polku - slide kuvat polku (oletus on "images /")
  • linktext - slide oletus linkin teksti (oletus on "Tutustu")
  • animoida - animoida liukusäädintä (oletus on totta). Liukusäädintä pitää rullata kunnes napsautat raahaaja.
  • animationDelay - aika välillä animaatioita, sekunneissa (oletus on 5)
  • slideDelay - aika slide vaikutus, sekunneissa (oletus on 1)
  • slideLoop - kun se saavuttaa viimeisen kohteen, silmukan ensimmäinen? (Oletus on totta)
  • onClick - tapahtuma nimeltä kun klikkaamalla erä linkki (oletusarvo on ei mitään)

Sen sijaan, että linkki kunkin kohteen, voit asettaa soittopyynnön toiminto, kun klikkaamalla tietyn kohteen tai oletus soittopyynnön. Huomaa, että jos asetat oletuksena soittopyynnön, se on aina kutsutaan ja mitään yhteyksiä käytetään.

 uusi Slider ({ "Liukusäädin": "liukusäädintä-test1", "OnClick": toiminto (kohta) { alert ("Napsautit erä" + item.get ("label")); } "Kohteita": [ {"Tiedosto": "heroes.jpg", "label": "Heroes"}, {"Tiedosto": "prisonbreak.jpg", "label": "Prison Break", "onClick": toiminto () {alert ("Napsautit Prison Break!"); }} ] }); 

Edellisessä koodi, oletus soittopyyntö on vaatinut kohta "Heroes", mutta ei "Prison Break", koska tämä tuote on tietty soittopyynnön.

Tutustu demon http://envato.diogoresende.net/slider/


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
24 helmikuu 10

Viimeisin päivitys:
N /

Yhteensopiva Selaimet:
Firefox, IE7, IE8, Opera, Safari

Tiedostoja mukana:
CSS, HTML, JavaScript JS

JS Kirjasto:
Prototyyppi 1,6, Script.aculo.us

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, lippu, liukuva