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

Vertical Sidebar Gallery - jQuery Slider

— Add- On για WorldWideScripts.net

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

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


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Κάθετη Sidebar Gallery είναι ένα jQuery plugin και το θέμα πρότυπα που δημιουργούν μια εκπληκτική κάθετη ρυθμιστικό εικόνα με τρεις μοίρες περιστροφή. Κάθετη Sidebar Gallery είναι ένας τέλειος σύντροφος για sidebar της ιστοσελίδας σας. Μπορείτε να το χρησιμοποιήσετε ως μια γκαλερί εικόνα ή εμφανίζεται μετά scroller. Βάλτε απεριόριστο ποσό του περιεχομένου σε περιορισμένο χώρο! Το μόνο που χρειάζεται για να δημιουργήσει τον κώδικα HTML του περιεχομένου σας και η γκαλερί θα κάνει τα υπόλοιπα. Είναι μοντέρνο, έξυπνο, και θα ενισχύσει την εμπειρία του χρήστη οποιουδήποτε δικτυακού τόπου.

Πώς να χρησιμοποιήσετε το plugin; Βασικά μπορείτε να ξεκινήσετε με το αρχείο basic.html. 1. Αντιγράψτε το HTML από basic.html αρχείο (ο κωδικός μεταξύ... ετικέτες). 2. Συμπεριλάβετε στυλ στο ύφος της γκαλερί: <link rel = "stylesheet" href = "CSS / style.css" type = "text / css" /> 3. Συμπεριλάβετε τα αρχεία necessare JavaScript: <script src = "js / jQuery -1.7.1.min.js "> </ script> <script src =" js / jQuery-τροχό κύλισης του ποντικιού-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Ξεκινήστε χρησιμοποιώντας την γκαλερί καλώντας jQuery plugin:. <script> jQuery () έτοιμο ( λειτουργία ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ()?.})? </ Script>

Για να προσαρμόσετε γκαλερί σας, χρησιμοποιήστε τις εξής επιλογές:. <Script> jQuery () έτοιμο (λειτουργία ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({πρόθεμα:. "VSG», // κατηγορία CSS showHoverBars πρόθεμα: αλήθεια, // αν θα εμφανίζεται πάνω αριστερά μενού κύλισης rotateVertical: αλήθεια, // αν θέλετε να χρησιμοποιήσετε τις τις κάθετες περιστροφές rotateHorizontal: αλήθεια, // αν θέλετε να χρησιμοποιήσετε τις οριζόντιες περιστροφές rotateThumbnails: αλήθεια, // αν θέλετε να χρησιμοποιήσετε την περιστροφή μικρογραφία optionsSliderHorizontal : {}, // επιλογές ροής slider για την οριζόντια ρυθμιστικό optionsSliderVertical: {}, // επιλογές ροής slider για την κάθετη ρυθμιστικά optionsSliderThumbnail: {} // Ροή slider επιλογές για τα ρυθμιστικά μικρογραφία})?})? </ Script>

Για να κατανοήσουμε καλύτερα την επιλογή του μεταβολέα Flow σας ενθαρρύνουμε να επισκεφθείτε την ιστοσελίδα της. Για παράδειγμα, για να κάνει οριζόντιες ρυθμιστικό για να αλλάξετε τη θέση της χωρίς κινούμενα σχέδια, αλλά αμέσως, μόλις που optionsSliderHorizontal: {animation: "Κανένα"}

Προσαρμόστε γκαλερί Image Gallery Κάθετη σας έρχεται με πέντε θέματα σχεδιασμού εγκατασταθεί. Απλά δημιουργήστε ένα στοιχείο πάνω από το slider κινητό με μια από τις τάξεις του δέρματος:.vsg-σπείρωμα,.vsg-closeup,.vsg-γρασίδι, ή.vsg-combo. Αλλά hey, αν δεν μπορείτε να βρείτε το σχέδιό σας εξακολουθεί να είναι εύκολο να δημιουργήσετε το δικό σας εμφάνιση. Ακριβώς τροποποιήσει τα χρώματα σε ένα από τα αρχεία CSS δέρμα.

Αλλάξτε το μέγεθος της Slider σας Μπορείτε να τεντώσει Κάθετη Sidebar Gallery σε οποιοδήποτε πλάτος που επιθυμείτε. Πέντε πλάτος επιλογές εγκαταστήσει για σας:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Ή να δημιουργήσετε το δικό σας μέγεθος προσαρμόζοντας ένα από τα αρχεία CSS μέγεθος.

Πολλαπλών Μικρογραφίες Προσθέστε περισσότερες από μία εικόνα σε μία μικρογραφία και μια άπειρη στροφικού εικόνα θα δημιουργηθεί για να μετακινηθείτε μέσα από αυτές τις εικόνες.

3-σε-1 Slider τρία ρυθμιστικά ισχύ αυτό το πρότυπο: οριζόντια ρυθμιστικό πλαίσιο, κάθετη ρυθμιστικό μικρογραφία, και οριζόντια στροφικού εικόνα.

Top Navigation Σύρετε πάνω πάνελ κάνοντας κλικ πάνω κουμπιά πλοήγησης ή αιωρείται πάνω αριστερά θρύλος πλοήγησης.

Mouse Wheel Τοποθετήστε τον κέρσορα πάνω από το ρυθμιστικό για να μετακινηθείτε προς τα επάνω το περιεχόμενο του πίνακα χρησιμοποιώντας τροχό κύλισης του ποντικιού.

Hash ελεγκτή Περιηγηθείτε γκαλερί με hash URL του προγράμματος περιήγησης. Για παράδειγμα, προσθέστε # 3 με το URL αυτής της σελίδας και να ανανεώσετε το.

Browser Υποστήριξη Κάθετη Image Gallery υποστηρίζει όλα τα μεγάλα προγράμματα περιήγησης, όπως: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 μεταβάσεις

Υποστηρίζει ιδιοκτησίας μετάβαση CSS3. Δημιουργήστε ένα slider κινητό με hardware accelerated μεταβάσεις CSS3.

Ροή Slider Αυτό το πρότυπο τροφοδοτείται από τη ροή Slider Δωρεάν jQuery plugin, το οποίο είναι endlesly προσαρμόσιμη και εξασφαλίζει άψογη ολίσθηση.

Προσαρμόσιμη Plugin Προσαρμόστε όλα τα χαρακτηριστικά της συλλογής αλλάζοντας την επιλογή όταν χρησιμοποιείτε αυτό το jQuery plugin.


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

Properties

δημιουργήθηκε:
23 Μαρτίου 12

Τελευταία ενημέρωση:
23 Μαρτίου 12

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

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

Έκδοση λογισμικού:
Άλλοι, jQuery

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

ηλεκτρονικού εμπορίου, ηλεκτρονικού εμπορίου, Όλα τα αντικείμενα, στροβιλοδρόμιο, στοά, εικόνα, διεπαφή, js javascript, jQuery, κίνηση του ποντικιού, εικόνα, συνδέω, πρεμιέρα, περιστρέφων, ολισθητής, όνυξ του αντίχειρος, ui, κατακόρυφος