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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Die OneByOne Slider ist eine leichte, reaktions & geschichteten jQuery-Plugin, mit denen Sie Ihr Bild und Text einen nach dem anderen anzuzeigen. Die CSS3 Animationen wird durch angetrieben Animate.css. Itâ € ™ s Handy freundlich, das Wischen nach links / rechts auf dem Touch-Gerät wie iPhone & iPad zu unterstützen. Sie können per Drag & Drop mit der Maus zu navigieren. Das neueste Update einen zusätzlichen Beispiel, das zu machen Twitter Bootstrap Carousel unterstützen die eine nach der anderen Animation.

Folgen rss

Jetzt itâ € ™ s in Wordpress (Klickenbild unten)

Wordpress-Plugin

Änderungsprotokolle (bitte erneut herunterladen, wenn Sie es vor dem Kauf)

(Update 15. Mai 2013)
  • Aktualisieren Sie auf die jQuery 1.9.1 und verwenden Modernizr die CSS3 Übergangsunterstützung zu erkennen. Sie können erneut herunterladen das Quellpaket, wenn es mit jQuery 1.9.1 verwenden möchten.
(aktualisiert 14. November 2012)
  • Integration mit Bootstrap-Karussell. Sie können es auf Ihre Lieblings-Framework nun.
  • In autoHideButton Option auf false gesetzt, damit die Pfeile immer sichtbar sein.
  • Aktualisieren Sie die Hilfe-Dokumentation.
(Update 14. September 2012)
  • In reaktions Beispiel.
  • In Fade Übergang in IE9-, die € ™ t Unterstützung der CSS3 Übergangs doesnâ.
  • Jeweils slideâ € ™ s Animation Now Sie anpassen können, auch jedes Element in der slideâ € ™ s Animation.
  • In Hover-Option der Diashow anzuhalten.
  • Hinzugefügt â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ Animation.
  • Fehler zu beheben: link canâ € ™ t in der iOS angeklickt werden.
  • Zu aktualisieren, um jQuery 1.8.1.

Kaufen Sie die erweiterte Lizenz?

Ich schätze, wenn Sie setzen diese € ™ s Link in Ihrem Item € ™ s Beschreibung Itema. Bitte geben Sie nur die verkleinerte Version von js-Datei auf Ihrem Thema, und eine erweiterte Lizenz kann nur mit einem Thema.

Eigenschaften:

  • CSS3 angetrieben animation, Hardware-beschleunigte CSS3 Übergänge für unterstützte modernen Browser.
  • Responsive Unterstützung, enthalten beispielsweise.
  • Mobil freundlich, können Sie es in einem Touch-Gerät zu verwenden.
  • Itâ € ™ s leicht, ist die Druck javascript nur 4kb.
  • Optional automatische Verzögerung Diashow, optional Hove, um die Diashow anzuhalten.
  • Jede Folie oder Elementa € ™ s-Animation können angepasst werden.
  • Optional Drag Funktion der Maus.
  • Optional Animationsstil können in zufälliger oder einem anderen Typ sein.
  • Optional Pfeil und Tasten.
  • FAQ ist im Quellpaket enthalten.
  • Kostenloses Update können Sie den zukünftigen Update kostenlos herunterladen.

Über den CSS3 Übergangs

Hinweis: Das CSS3 Übergang funktioniert nur in der modernen Browser wie Firefox, Chrome und Safar. Welche doesnâ € ™ t Arbeit in IE7, 8 und 9, so scheint es, die IE-10 wird es zu unterstützen.

Für jQuery 1.8.0 Benutzer

Es scheint, gibt es einen Fehler mit jQuery 1.8.0, laden Sie die komprimierte Version von jQuery und Kommentarzeile 4521, wird dieses Plugin funktionieren.
 // Throw new Error ("Syntaxfehler, nicht erkannte Äußerung:" + msg); 

Erhältlich Plugin-Einstellungen

 // Namen des Wrappers ist classname: "OneByOne ', // Der Wrapper div Klasse Namen der einzelnen Schieberegler sliderClassName: 'oneByOne_item', // Die automatische Verzögerung Diashow anzuhalten, wenn der Benutzer Hover pauseByHover: true, // Die globale Leichtigkeit Animationsstil, // Wirksam werden, wenn Sie nicht vordefiniert es in dem Element easeType: 'fadeInLeft', // Breite des Gleiters Breite: 960, // Höhe des Gleiters Höhe: 420, // Die Verzögerung des Touch / Widerstand zwischen Verzögerung: 300, // Die Toleranz des Touch / Widerstand Toleranz: 0,25, // Aktivieren oder deaktivieren Sie die Drag-Funktion mit der Maus EnableDrag: true, // Anzeigen der vorherigen / nächsten Pfeil oder nicht showArrow: true, // Auto verstecken die Pfeile, wenn der Benutzer verlassen Sie den Schieberegler oder nicht autoHideButton: true, // Anzeige der Kreis Schaltflächen oder nicht showbutton: true, // Auto spielen Sie den Schieberegler oder nicht Slideshow: falsch, // Die Verzögerung Millisekunde des slidershow slideShowDelay: 3000, // Setze die auf wahr, wenn Sie das ändern // Größe Schieberegler mit den Medien-Abfrage in CSS reagiert: true // Wenn Schieber kleiner als minWidth ist, // Der Text in dem reaktions verborgen minWidth: 480 

Erhältlich easeType

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

Kredit

Animate.css ist von Dan Eden.
Das Hintergrundbild in der Bootstrap Beispiel ist aus photos8.

Empfehlungen für Sie

XML Bild / Video Gitter Galerie:
Gitter Galerie
Der AS3-Flash Fotography Vorlage:
Fotografie

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
24. Oktober 11

Letzte Aktualisierung:
17. August 13

Unterstützte Browser:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien enthalten:
JavaScript JS, HTML, CSS

Softwareversion:
jQuery

Stichworte

eCommerce, eCommerce, Alle Elemente, Animation, Auto-Verzö, gerung, Banner Rotator, CSS3, ziehen, ios, jquery, Mobile, Einer nach dem anderen, ansprechend, Rotator, Schieberegler, slideshow, berü, hren, wischen