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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slider pozwala mieć poziomo wyrównane treści, które nie pasuje do rozmiaru okna, które chcesz. Możesz umieścić jak najwięcej przedmiotów, jak chcesz. Element składa się z obrazu, etykiety i link. Jeśli chcesz, możesz zastąpić tekst linku do wszystkich lub tylko jednego lub dwóch przedmiotów.

Jak używać

Po tym PrototypeJS i Scriptaculous (efekty + dragp & drop), obejmują slider.js plików (obiektu) i slider.css pliku (Style).

Następnie, po prostu to coś takiego na obciążenia okno:

 Nowy slider ({ "Suwak": "slider-test1", "przedmiotów" : [ {"Plik": "heroes.jpg", "etykieta": "Link", "Heroes": "http://www.hulu.com/heroes"}, {"Link" "Prison Break":: "plik": "prisonbreak.jpg", "etykieta", "http://www.hulu.com/prison-break"} ] }); 

Ten kod tworzy suwak na element, który ma identyfikator "slider-test". Posiada 2 pozycji: Bohaterowie i Prison Break.

Opcje Slider

Kolejna lista zawiera wszystkie opcje dostępne na suwak.
  • suwak - suwak obiekt nadrzędny lub ID
  • itemWidth - szerokość slajdów (domyślnie 320)
  • itemHeight - wysokość slajdów (domyślnie 200)
  • zdjęcia slajdów (domyślnie jest to ścieżka "images /") - ścieżka
  • linktext - zjeżdżalnia domyślny link tekstowy (domyślnie jest "Przeglądaj")
  • animować - animowanie suwak (domyślnie jest prawdą). Suwak zachowa przewijania, dopóki nie klikniesz dragger.
  • animationDelay - czas pomiędzy animacjami, w sekundach (domyślnie 5)
  • slideDelay - czas efekt slajdów, w sekundach (domyślnie 1)
  • slideLoop - po osiągnięciu ostatni element, pętli do pierwszego? (domyślnie jest to prawda)
  • onClick - impreza o nazwie po kliknięciu łącza punkt (domyślnie brak)

Zamiast dostarczać link do każdej pozycji, można ustawić funkcję zwrotną po kliknięciu konkretnego elementu lub domyślnego wywołania zwrotnego. Zauważ, że jeśli ustawić domyślny wywołania zwrotnego, to zawsze będzie się nazywać i będą wykorzystywane żadne powiązania.

 Nowy slider ({ "Suwak": "slider-test1", "Kliknięcie": Funkcja (pozycja) { alert ("Ty kliknięciu pozycji" + item.get ("label")); } "przedmiotów" : [ {"Plik": "heroes.jpg", "etykieta": "Bohaterowie"}, {"Plik": "prisonbreak.jpg", "etykieta": "Prison Break", "onClick": function () {alert ("Ty kliknięciu Prison Break!"); }} ] }); 

W poprzednim kodzie, domyślnie zwrotna jest wywoływana dla pozycji "Heroes", ale nie dla "Prison Break", ponieważ pozycja ta ma specyficzny zwrotnego.

Sprawdź demo na http://envato.diogoresende.net/slider/


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Stworzony:
24 lutego 10

Ostatnia aktualizacja:
N / A

Zgodne przeglądarki:
Firefox, IE7, IE8, Opera, Safari

Pliki wliczony:
CSS, HTML, JavaScript JS

JS Biblioteka:
Prototyp 1.6, Script.aculo.us

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, transparent, przesuwny