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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Le OneByOne Slider est un plugin léger, souple et en couches jQuery vous pouvez utiliser pour afficher votre image et le texte, un par un. L'animation CSS3 est entraîné par Animate.css. Câ € ™ est portable convivial, qui soutiennent essuyez gauche / droite sur votre appareil tactile comme l'iPhone et l'iPad. Vous pouvez glisser et déposer pour naviguer avec votre souris aussi. La dernière mise à jour ajouter un exemple supplémentaire, qui rendent Twitter Bootstrap Carousel soutenir l'une par une animation.

suivre rss

Maintenant, câ € ™ est disponible dans WordPress (cliquez sur l'image ci-dessous)

plugin wordpress

Changer journaux (s'il vous plaît re-télécharger si vous achetez avant)

(mise à jour le 15 mai 2013)
  • Mise à jour du jQuery 1.9.1, et utiliser Modernizr pour détecter le support de transition CSS3. Vous pouvez re-télécharger le paquet source si vous voulez l'utiliser avec jQuery 1.9.1.
(mise à jour le 14 novembre 2012)
  • Intégration avec Bootstrap Carousel. Vous pouvez l'utiliser sur votre framework préféré maintenant.
  • Ajout d'une option autoHideButton, mettre à false pour rendre les flèches toujours visible.
  • Mettre à jour la documentation d'aide.
(mise à jour le 14 septembre 2012)
  • Ajouter par exemple sensibles.
  • Ajouter transition fondu IE9-, qui nâ € ™ t soutenir la transition CSS3.
  • Maintenant, vous pouvez personnaliser chaque slideâ Animation € ™ s, même chaque élément de l'animation du slideâ € ™.
  • Ajouter hover pour mettre en pause l'option du diaporama.
  • Ajouté â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, une animation € ~lightSpeedInâ € ™.
  • Correction de bogues: lien Cana € ™ t être cliqué dans l'iOS.
  • Mise à jour de jQuery 1.8.1.

Achetez l'extension de licence?

Je vous remercie si vous pouvez mettre ce Itema le lien € ™ s dans la description de votre Itema € ™. S'il vous plaît ne fournir que la version de fichier js minified de votre thème, et d'une licence étendue peut être utilise sur un seul thème.

Caractéristiques:

  • CSS3 animation entraînée, l'accélération matérielle des transitions CSS3 pour navigateur moderne soutenue.
  • Une assistance réactive, par exemple inclus.
  • Mobile conviviale, vous pouvez l'utiliser dans un dispositif tactile.
  • Câ € ™ est léger, le javascript comprimé est seulement de 4 Ko.
  • Délai automatique en option diaporama, Hove option pour suspendre le diaporama.
  • Chaque diapositive ou l'animation de Elementa € ™ peuvent être personnalisés.
  • Fonction glisser optionnel de souris.
  • Style d'animation en option, peut être dans un ordre aléatoire ou tout autre type.
  • Flèche et les boutons en option.
  • FAQ est inclus dans le paquet source.
  • Mise à jour gratuite, vous pouvez télécharger la mise à jour future gratuitement.

A propos de la transition CSS3

Remarque: La transition CSS3 ne fonctionne que dans le fureteur de type Firefox, Safar et Chrome. Qui doesnâ € ™ t de travail dans IE7, 8 et 9, il semble que l'IE 10 allons l'appuyer.

Pour jQuery 1.8.0 utilisateur

Il semble qu'il y ait un bug avec jQuery 1.8.0, s'il vous plaît télécharger la version non compressée de jQuery et de commentaires en ligne 4521, puis ce plugin fonctionne très bien.
 // Throw new Error («Erreur de syntaxe, expression non reconnue:" + msg); 

Les paramètres des plugins disponibles

 // Le nom de l'enveloppe className: 'OneByOne », // Le nom de classe de la div wrapper de chaque curseur sliderClassName: 'oneByOne_item', // Interrompre le délai de diaporama automatique lorsque l'utilisateur hover pauseByHover: true, // Le style global de l'animation de la facilité, // Prendra effet si vous ne pré-définies dans l'élément easeType: 'fadeInLeft', // Largeur du coulisseau largeur: 960, // Hauteur du curseur hauteur: 420, // Le retard de la touche / glisser entre retard: 300, // La tolérance de toucher / glisser la tolérance: 0,25, // Activer ou désactiver la fonction de glisser avec la souris enableDrag: true, // Afficher / suivant flèche précédente ou non showArrow: true, // Masquer automatiquement les flèches lorsque l'utilisateur quittent le curseur ou non autoHideButton: true, // Afficher les boutons de cercle ou non showButton: true, // Lecture automatique du curseur ou non Diaporama: faux, // Le retard de la milliseconde slidershow slideShowDelay: 3000, // Ensemble en réponse au vrai, quand vous modifiez le // Taille de curseur avec la requête des médias en CSS sensibles: true // Lorsque curseur est plus petite que minWidth, // Le texte sont être caché dans le réactif minWidth: 480 

Disponible easeType

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

Crédit

Animate.css est de Dan Eden.
L'image de fond dans l'exemple bootstrap est de photos8.

Des recommandations pour vous

XML images / vidéos Grille Galerie:
Galerie de grille
Le modèle Flash AS3 Fotography:
la photographie

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
24 Octobre 11

Dernière mise à jour:
17 Août 13

Navigateurs compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, animation, dé, lai de l'automobile, rotateur banniè, re, CSS3, traî, né, e, ios, jquery, mobile, un par un, sensible, rotateur, curseur, diaporama, touche, essuyer