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

jQuery Responsive OneByOne Slider Plugin

— Add- On για WorldWideScripts.net

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

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


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Η OneByOne Slider είναι ένα ελαφρύ, που να ανταποκρίνεται και πολυεπίπεδη jQuery plugin που μπορείτε να χρησιμοποιήσετε για να εμφανίσει την εικόνα και το κείμενο σας μία προς μία. Το animation CSS3 οδηγείται από Animate.css. Itâ € ™ s κινητής φιλικό, τα οποία υποστηρίζουν σκουπίστε αριστερά / δεξιά στη συσκευή αφής όπως το iPhone και το iPad. Μπορείτε να drag and drop για να πλοηγηθείτε με το ποντίκι σας πάρα πολύ. Η τελευταία ενημέρωση προσθέσει ένα επιπλέον παράδειγμα, που κάνουν Twitter Bootstrap Carousel υποστήριξη της ένα προς ένα animation.

ακολουθώ rss

Τώρα itâ € ™ s διαθέσιμο στο WordPress (πατήστε την εικόνα παρακάτω)

wordpress plugin

Αλλαγή κούτσουρα (παρακαλούμε να το κατεβάσετε ξανά αν το αγοράσει πριν)

(ενημέρωση 15η Μαΐου 2013)
  • Ενημέρωση για το jQuery 1.9.1, και χρησιμοποιήστε Modernizr να ανιχνεύσει την υποστήριξη της μετάβασης CSS3. Μπορείτε να κατεβάσετε ξανά το πηγαίο πακέτο, αν θέλετε να το χρησιμοποιήσετε με jQuery 1.9.1.
(ενημέρωση 14 Νοεμβρίου 2012)
  • Ενσωμάτωση με Bootstrap Carousel. Μπορείτε να το χρησιμοποιήσετε για το αγαπημένο σας πλαίσιο τώρα.
  • Προσθέστε την επιλογή autoHideButton, που σε false για να κάνουν τα βέλη είναι πάντα ορατά.
  • Ενημερώστε την τεκμηρίωση βοήθεια.
(ενημέρωση 14 Σεπ 2012)
  • Προσθήκη ανταποκρίνεται παράδειγμα.
  • Προσθήκη μετάβαση Fade In IE9-, που doesnâ € ™ t υποστηρίξει τη μετάβαση CSS3.
  • Τώρα μπορείτε να προσαρμόσετε κάθε slideâ animation € ™ s, ακόμα και κάθε στοιχείο σε κινούμενα σχέδια του slideâ € ™ s.
  • Προσθήκη αιωρείται για να διακόψετε την επιλογή της παρουσίασης.
  • Προστέθηκε â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ κινουμένων σχεδίων.
  • Fix σφάλματα: σύνδεσμος cana έχει ™ € Τ να κάνετε κλικ στο iOS.
  • Ενημέρωση για jQuery 1.8.1.

Αγοράστε το εκτεταμένο άδεια;

Θα εκτιμούσα αν μπορείτε να βάλετε αυτό το σύνδεσμο itemA € ™ s στην περιγραφή itemA σας € ™ s. Παρακαλώ δώστε μόνο το minified έκδοση του js αρχείο με το θέμα σας, και ένα εκτεταμένο άδειας μπορεί να χρησιμοποιεί σε ένα θέμα μόνο.

χαρακτηριστικά:

  • CSS3 οδηγείται κινούμενα σχέδια, hardware accelerated μεταβάσεις CSS3 για τις υποστηριζόμενες σύγχρονο πρόγραμμα περιήγησης.
  • Responsive υποστήριξη, π.χ. συμπεριλαμβάνεται.
  • Κινητό φιλικό, μπορείτε να το χρησιμοποιήσετε σε μια συσκευή αφής.
  • Itä € ™ είναι ελαφρύ, το συμπιεσμένο javascript είναι μόνο 4 kb.
  • Προαιρετική slideshow καθυστέρηση αυτοκινήτων, προαιρετική Hove για να διακόψετε προσωρινά την παρουσίαση.
  • Κάθε διαφάνεια ή κινούμενα σχέδια elementâ € ™ s μπορεί να προσαρμοστεί.
  • Προαιρετική λειτουργία σύρετε το ποντίκι.
  • Προαιρετική στυλ animation, μπορεί να είναι σε τυχαία ή οποιοδήποτε άλλο τύπο.
  • Προαιρετική βέλος και τα κουμπιά.
  • Συχνές Ερωτήσεις περιλαμβάνεται στο πακέτο του source.
  • Δωρεάν ενημέρωση, μπορείτε να κατεβάσετε το μέλλον της ενημερωμένης έκδοσης για δωρεάν.

Σχετικά με τη μετάβαση CSS3

Σημείωση: Η μετάβαση CSS3 λειτουργεί μόνο στο σύγχρονο πρόγραμμα περιήγησης όπως το Firefox, Chrome και Safar. Ποια doesnâ € ™ t δουλειά σε IE7, 8 και 9, φαίνεται ότι το IE 10 θα το υποστηρίξει.

Για jQuery 1.8.0 χρήσης

Φαίνεται ότι υπάρχει ένα bug με jQuery 1.8.0, μπορείτε να κατεβάσετε το αποσυμπιεστεί έκδοση του jQuery και της γραμμής σχόλιο 4521, τότε αυτή η σύνδεση θα λειτουργήσει το πρόστιμο.
 // Ρίξει νέο Σφάλμα ("Συντακτικό σφάλμα, παραγνωρισμένος έκφραση:" + MSG)? 

Διαθέσιμες ρυθμίσεις plugin

 // Το όνομα ενός wrapper className: «OneByOne», // Το όνομα της κλάσης του div περιτύλιγμα του κάθε δρομέα sliderClassName: «oneByOne_item», // Παύση της παρουσίασης αυτοκαθυστερήσεως όταν αιωρείται χρήστη pauseByHover: αλήθεια, // Η παγκόσμια ευκολία στυλ animation, // Να ισχύει αν δεν το προ-ορίζονται στο στοιχείο easeType: «fadeInLeft», // Πλάτος του δρομέα πλάτος: 960, // Το ύψος του δρομέα Ύψος: 420, // Η καθυστέρηση της αφής / οπισθέλκουσας ταξύ καθυστέρησης: 300, // Η ανοχή της αφής / οπισθέλκουσας ανοχή: 0,25, // Να ενεργοποιήσετε ή να απενεργοποιήσετε τη λειτουργία drag με το ποντίκι enableDrag: αλήθεια, // Να εμφανίσετε την προηγούμενη / επόμενη βέλος ή όχι showArrow: αλήθεια, // Αυτόματη απόκρυψη τα βέλη όταν ο χρήστης αφήσει το ρυθμιστικό ή όχι autoHideButton: αλήθεια, // Εμφανίσετε τα κουμπιά κύκλο ή όχι showButton: αλήθεια, // Auto παίξει το ρυθμιστικό ή όχι SlideShow: ψευδείς, // Η καθυστέρηση χιλιοστών του δευτερολέπτου της slidershow slideShowDelay: 3000, // Που ανταποκρίνεται σε πραγματική, όταν θα αλλάξει η // Μέγεθος ρυθμιστικό με το ερώτημα μέσα μαζικής ενημέρωσης σε CSS αποκρίνεται: αλήθεια // Όταν slider είναι μικρότερο από minWidth, // Το κείμενο είναι να κρύβεται στην απόκριση minWidth: 480 

Διαθέσιμο easeType

â € ~fadeInâ € ™, â € ~fadeInUpâ € ™, â € ~fadeInDownâ € ™, â € ~fadeInLeftâ € ™, â € ~fadeInRightâ € ™, â € ~fadeInRightâ € ™, â € ~bounceInâ € ™, ένα € ~bounceInDownâ € ™, â € ~bounceInUpâ € ™, â € ~bounceInLeftâ € ™, â € ~bounceInRightâ € ™, â € ~rotateInâ € ™, â € ~rotateInDownLeftâ € ™, â € ~rotateInDownRightâ € ™, â € ~rotateInUpLeftâ € ™, â € ~rotateInUpRightâ € ™, â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~ flipInYâ € ™, â € ~lightSpeedInâ € ™ ή â € ~randomâ € ™

Πίστωση

Animate.css είναι από Dan Εδέμ.
Η εικόνα φόντου της εκκίνησης του παραδείγματος είναι από photos8.

Συστάσεις για σας

XML Εικόνα / Βίντεο Πλέγμα Gallery:
γκαλερί πλέγμα
Το Πρότυπο AS3 Flash Φωτογραφεία:
φωτογραφία

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

Properties

Δημιουργήθηκε:
24 Οκτωβρίου, 11

Τελευταία ενημέρωση:
17 Αυγ, 13

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

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

Έκδοση Λογισμικού:
jQuery

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

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, Όλα τα Προϊόντα, κινουμένων σχεδίων, αυτοκαθυστερήσεως, Rotator Διαφήμιση, CSS3, σέρνω, ios, jQuery, κινητός, ένα ένα, ευαίσθητος, περιστρέφων, ολισθητής, slideshow, επαφή, σκουπίζω