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 για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Το Slider σας επιτρέπει να έχετε horizontaly ευθυγραμμίζονται περιεχόμενο που δεν ταιριάζει με το μέγεθος που θέλετε. Μπορείτε να βάλετε όσα στοιχεία θέλετε. Ένα στοιχείο αποτελείται από μια εικόνα, μια ετικέτα και ένα σύνδεσμο. Αν θέλετε, μπορείτε να παρακάμψετε το κείμενο του συνδέσμου σε όλους ή μόνο ένα ή δύο στοιχεία.

Πώς να χρησιμοποιήσετε

Μετά συμπεριλαμβανομένων PrototypeJS και Scriptaculous (αποτελέσματα + dragp & drop), περιλαμβάνουν τα slider.js αρχείο (αντικείμενο) και το slider.css αρχείο (στυλ).

Στη συνέχεια, ακριβώς περιλαμβάνει κάτι σαν αυτό στο φορτίο παράθυρο:

 νέα Slider ({ "ρυθμιστικό": "slider-test1", "αντικείμενα": [ {"Αρχείο": "heroes.jpg", "ετικέτα": "Ήρωες", "σύνδεση": "http://www.hulu.com/heroes"}, {"Αρχείο": "prisonbreak.jpg", "ετικέτα": "Prison Break", "σύνδεση": "http://www.hulu.com/prison-break"} ] })? 

Αυτός ο κώδικας δημιουργεί ένα ρυθμιστικό για το στοιχείο που έχει το αναγνωριστικό "ρυθμιστικό έλεγχο". Διαθέτει 2 αντικείμενα: Ήρωες και Prison Break.

Επιλογές Slider

Η επόμενη λίστα εμφανίζει όλες τις διαθέσιμες επιλογές για το ρυθμιστικό.
  • slider - ρυθμιστικό γονικό αντικείμενο ή ταυτότητας
  • itemWidth - πλάτος διαφανειών (προεπιλογή είναι 320)
  • itemHeight - ύψος διαφάνεια (η προεπιλογή είναι 200)
  • εικόνων διαφανειών διαδρομής (προεπιλογή είναι "εικόνες /") - διαδρομή
  • linkText - διαφάνεια προεπιλεγμένο κείμενο συνδέσμου (προεπιλογή είναι "Εξερευνήστε")
  • κίνηση - κίνηση ολίσθησης (προεπιλογή είναι αλήθεια). Το ρυθμιστικό θα κρατήσει κύλιση μέχρι να πατήσετε το dragger.
  • animationDelay - χρόνος μεταξύ κινούμενα σχέδια, μέσα σε λίγα δευτερόλεπτα (η προεπιλογή είναι 5)
  • slideDelay - χρόνος ισχύος διαφάνεια, σε δευτερόλεπτα (η προεπιλογή είναι 1)
  • slideLoop - όταν φθάσει στο τελευταίο σημείο, βρόχος με την πρώτη; (προεπιλογή είναι αλήθεια)
  • onClick - γεγονός που ονομάζεται όταν κάνετε κλικ σε μια σύνδεση στοιχείο (η προεπιλογή είναι κανένας)

Αντί να παρέχει ένα σύνδεσμο σε κάθε σημείο, μπορείτε να ορίσετε μια λειτουργία επανάκλησης όταν κάνετε κλικ σε ένα συγκεκριμένο στοιχείο ή μια προεπιλεγμένη επανάκλησης. Σημειώστε ότι αν ορίσετε μια προεπιλεγμένη επανάκλησης, θα είναι πάντα να ονομάζονται και δεν θα χρησιμοποιούνται συνδέσεις.

 νέα Slider ({ "ρυθμιστικό": "slider-test1", "onclick": λειτουργία (στοιχείο) { alert ("Κάνατε κλικ σημείο" + item.get ("ετικέτα"))? } "αντικείμενα": [ {"Αρχείο": "heroes.jpg", "ετικέτα": "Ήρωες"}, {"Αρχείο": "prisonbreak.jpg", "ετικέτα": "Prison Break", "onclick": λειτουργία () {alert ("Κάνατε κλικ Prison Break!")? }} ] })? 

Στο προηγούμενο κώδικα, η προεπιλεγμένη επανάκλησης θα ονομάζεται για τη θέση "Heroes" αλλά όχι για "Prison Break", διότι το στοιχείο αυτό έχει μια συγκεκριμένη επανάκλησης.

Ελέγξτε το demo στο http://envato.diogoresende.net/slider/


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
24, Φεβρουαρίου, 10

Τελευταία ενημέρωση:
N / A

Συμβατά προγράμματα περιήγησης:
Firefox, IE7, IE8, Opera, Safari

Αρχείων που περιλαμβάνονται:
CSS, HTML, JavaScript JS

JS Βιβλιοθήκη:
Πρωτότυπο 1.6, Script.aculo.us

Λέξεις-κλειδιά

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, Όλα τα Προϊόντα, σημαία, ολίσθηση