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

Slide Panel

— Add-On auf WorldWideScripts.net

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

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


Slide Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slide Panel ist eine JavaScript-Bibliothek, für die einfache Erstellung von animierten Folien. Sie können interaktive Slider mit Bildern, Text und Links zu erstellen, mit einfachen, deklarativen Ansatz.

Es verwendet SVG oder VML als Backend (Verwendung von Raphael JS-Bibliothek zu machen) und es funktioniert in allen gängigen Browsern.

Sie können es nebeneinander mit einer anderen Bibliothek verwenden Sie benötigen, wie JQuery oder MooTools.

Um eine Diashow zu erstellen, benötigen Sie eine HTML-Struktur zu schaffen (so ist es Suchmaschinen-freundlich!) Und dann, schreiben Sie eine Konfiguration in JavaScript - aber es ist einfach. Eine ausführliche Dokumentation mit Beispielen zur Verfügung gestellt.

Wenn die Konfiguration zu schreiben, werden Sie Key-Frames mit den gewünschten Eigenschaften (wie Opazität oder Position), und deshalb Slide-Panel ist so flexibel angeben. Sie werden in der Lage sein, sehr individuelle Folien mit Effekten viele Übergänge zu schaffen, wie Skalierung, wechselnde Position, Rotation oder Farbe.

Was mehr ist, werden Sie in der Lage sein, um Event-Handler für jedes Objekt, zB für Veranstaltungen wie "Onmouseover" erstellen.

Ich habe produktionsfertige JavaScript-Datei enthalten (49 KB - Gzipping weiter zu verkleinern auf 16 KB). Es enthält alles, was Sie Slide-Panel verwenden müssen, zusammen mit abgespeckte Version von Raphael Bibliothek (original Raphael Bibliothek Gewichte 57 KB).

Bilder im Demo enthalten sind, Creative-Commons-Lizenz: http://creativecommons.org/licenses/by-sa/3.0/


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

Eigenschaften

Erstellt:
2. März 10

Letztes Update:
2. März 10

kompatible Browser:
Chrome 4, Chrome 5, Firefox, IE6, IE7, IE8, Opera, Safari

Dateien inklusive:
JavaScript JS

JS-Bibliothek:
ExtJS, jQuery 1.3, Mootools 1.2, Prototype 1.6, Script.aculo.us, YUI

Stichworte

E-Commerce, E-Commerce, Alle Elemente, Animation, Fader, Prä, sentation, Show, Schieberegler, Diashow, svg, VML