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

Before-After Slider&Banner jQuery Plugin

— Add-On auf WorldWideScripts.net

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

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


Before-After Slider&Banner jQuery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Update V1.2 - 16.02.2012

  • Auto Timer-Funktion wurde hinzugefügt.

Update V1.1 - 18.12.2011

  • Optimiert die IE8-Funktionalität
  • Neue Option: Mauszeiger Autofollow Ein / Aus

Was ist es?

Vorher-Nachher können Sie legen Sie zwei Bilder auf der jeweils anderen und verwenden Sie einen ziehbar Schieber zu verstecken und jedes Bild offenbaren. Dies ist besonders nützlich für die Hervorhebung einer Vorher / Nachher Umarbeitung oder Unberührte / Photos Bilder nebeneinander.

Wir bauen einen Schieberegler, um dieses Feature ein einzigartiges Schaufenster von Sätzen von Vorher und Nachher Bilder zu bauen. Geben Sie jedem Schieber eine Beschreibung und stellen Sie den Startpunkt des Schiebers Ihre Botschaft zu transportieren.

Ist es schwer zu implementieren?

Nein! Es ist die typische Art und Weise ein jQuery-Plugin zu implementieren. Sie brauchen nur wenig HTML und Javascript zu kennen. Setzen Sie die JS und CSS-Links in den Kopf Ihrer HTML-Seite und bauen eine unsortierte Liste von Elementen wie folgt aus:

 <Li> <Img src = "images / beforeafter / 2before.jpg" alt = "images / beforeafter / 2after.jpg"> <Div id = "textbox_1"> <Div id = "Logo" class = "faderight"> <Img src = "images / yourlogo.png" alt = ""> </ Div> <Div id = "title" class = "fadeup"> Mein süßes Mädchen </ Div> <Div id = "description" class = "fadeup"> Beschreibung ipsum dolor sit amet, pericula sapentim ei ius. Pupolo patrioque elaboraret usu et. Duo numquam assentior et. </ Div> </ Div> </ Li> 





Was sind die Merkmale?

  • Fügen Sie unbegrenzte Anzahl von Texten, Bildern, und sie zu animieren.
  • Stellen Sie die Z-Position der Texte, Bilder, um sie auf beiden Ebenen zu zeigen, oder nur auf nach oder vor der Schicht. Mischen Sie sie, wie Sie wollen.
  • Auto Thumbnail-Erstellung. Coloring, Positionen, Schatten, all diese Funktionen einfach eingestellt über die CSS-Datei werden kann.
  • jQuery Konflikt kostenlose Plugin.
  • Beispiel Demos enthalten.
  • Einfach zu implementieren.
  • Jede Größe des Bildes.
  • Spezielle Easing.

Danke für deine Zeit!!


Unsere Wordpress Themes










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

Eigenschaften

Erstellt:
13. September 11

Letztes Update:
N / A

kompatible Browser:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien inklusive:
JavaScript JS, HTML, CSS

Softwareversion:
jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, nach, Vor, vorher Nachher, kreativ, Demo, einfach, Galerie, Image, jquery, Foto, retuschieren, Vitrine, Schieberegler, Diashow