Seite empfehlen:

Kostenlose Snippets - oft benötigte Elemente & Player


Verschiedene Media- Player und oft benötigte Funktionen - mit Snippets ein Kinderspiel!
Hier sind alle aktuellen Snippets zu finden, zum kostenlosen Download. Es kommen laufend neue Snippets dazu, ein Wiederkommen lohnt sich. Infos zu Neuerscheinungen finden Sie auf Facebook, Twitter & Google+.

Aus Performancegründen wird empfohlen, nur die wirkklich verwendeten Snippets zu installieren.


Erstellung individueller Snippets

Gerne erstellen wir für Sie ein individuelles Snippet!
Teilen Sie uns Ihre Vorstellungen mit, die Kosten für die Erstellung richten sich nach der "Alltagstauglichkeit" der gewünschten Funktion - und ist meist günstiger als Sie vermuten...

Snippets lassen sich mit ein wenig "Programmierkenntnissen" auch selber erstellen. Die einheitliche Syntax sowie weitere Regeln finden Sie in diesem PDF:


Die kostenlosen Snippets:


Formular Vorbelegung

Kurzbeschreibung: In einem Formular werden die Feldbezeichnungen ("Name, E-Mail,...") IN die Eingabefelder verschoben.

Einstellungen: keine Eingaben nötig.

Demo

Download (.zip | 380kb)


MP3 Playlist Player "jPlayer"

Kurzbeschreibung: spielt eine Liste von MP3- Dateien in einem kompakten kleinen Player ab, inkl. einblendbarer Playlist

Einstellungen: Abmessungen und zwei Grundfarben des Players, benötigt jQuery ab Version 1.8.1

Demo

Download (.zip | 340kb)


Element per ID ein-/ausblenden - mit. Textwechsel

Kurzbeschreibung: Datensätze / Spalten von beliebiger Stelle einer Seite ein- bzw. ausblenden. Der als "Öffner/Schließer" genutzte Text kann für "Einblenden" und "Ausblenden" unterschiedlich definiert werden. Gruppierung (wechselweises Ein-Ausblenden) möglich.

Einstellungen: Text für "Öffner", Text für "Schließer", Title- Tag, Datensatz- ID, Gruppenbezeichnung

Demo

Download (.zip | 680kb)


Google+ Posting einbetten

Kurzbeschreibung: Einbetten eines ÖFFENTLICHEN Google+ Postings

Einstellungen: die direkte Webadresse des Postings (siehe Info- PDF hier bzw. im Snippets Manager nach Installation des Snippets)

Demo

Download (.zip | 390kb)


Datum im Kalenderblatt

Kurzbeschreibung: Darstellung eines Datum mit Monat und Tag in Form eines "Kalenderblattes" (wie hier links zu sehen)

Einstellungen: Angabe von Monat (drei Buchstaben) und Tag (max. zwei Zahlen)

Demo

Download (.zip | 360kb)


Element per ID ein-/ausblenden

Kurzbeschreibung: Datensätze / Spalten werden von beliebiger Stelle einer Seite ein- bzw. ausgeblendet. Auch mit im Quelltext manuell defnierten IDs möglich.

Einstellungen: Text und Title-Tag des "Öffners", Spalten-ID, Gruppierung (immer nur ein Element einer Gruppe ist sichtbar)

Demo

Download (.zip | 1,7mb)


Facebook Posting einbetten

Kurzbeschreibung: Einbetten eines ÖFFENTLICHEN Postings einer Facebook Page bzw. eines Facebook Profiles

Einstellungen: die direkte Webadresse des Postings (siehe Info- PDF hier bzw. im Snippets Manager nach Installation des Snippets)

Demo

Download (.zip | 280kb)


Hintergrundbild seitenfüllend

Kurzbeschreibung: Einbinden eines Seiten- Hintergrundbildes in "Full-Screen". Bei Veränderung der Browsergröße ändert sich auch das Hintergrundbild mit.

Einstellungen: keine, Hintergrundbild als Download- Datei hochladen.

Demo

Download (.zip | 550kb)


Bilder Galerie "Gallery View"

Kurzbeschreibung: Bilder werden autom. verkleinert und unterhalb der Großansicht angeordnet, inkl. "Slide- Show", keine "Lightbox"

Einstellungen: Abmessung der Großansicht, Animationszeit für Slide- Show, eine Reihe oder alle Kleinansichten anzeigen, Bild in Großansicht einpassen oder zuschneiden, Hintergrundfarbe, Anzeige der Alt- Texte

Demo

Download (.zip | 1,3mb)


Slideshow "Easy Slider"

Kurzbeschreibung: Datensätze (nicht nur Bilder!) "sliden" lassen - automatisch oder per Klick, auch in der "Sidebar"

Einstellungen: Abmessung der Slideshow, Animationszeit und "Stehzeit" der Datensätze, Slideshow automatisch starten, Farbe der Buttons

Demo

Download (.zip | 620kb)


Bilder- Slideshow "fade-in/out"

Kurzbeschreibung: alle Bilder, welche in einer Spalte mit der Klasse "sslslideshow" liegen werden in einer Slideshow angezeigt. Die Bilder werden dabei "überblendet". Benötigt "jQuery". Slideshow im Admin- Modus deaktiviert.

Einstellungen: Ansichtsdauer und Dauer der Überblendung der Bilder, Entfernung einer möglichen Verlinkung (wenn z.B. mit dem "Galerie- Editor" erstellt).

Demo

Download (.zip | 15kb)


Google Map inkl. Routenplaner

Kurzbeschreibung: Einbinden eines Google- Lageplanes samt Routenplaner.

Einstellungen: Angabe des Zielortes und der Abmessungen der Map, kann nur einmal pro Seite eingebunden werden.

Demo

Download (.zip | 3kb)


Bildunterschrift aus Alt- Text

Kurzbeschreibung: Dieses Snippet stellt den "Alt- Text", welcher im Hauptformular zum Bild angegeben wurde, unter dem Bild dar.

Einstellungen: "Alle Bildunterschriften anzeigen" - yes/no. Wird "no" eingegeben wird der "Alt- Text" nur bei Bildern dargestellt, welche in einem Datensatz mit der Datensatz- Klasse "ssl_caption" liegen.

Demo

Download (.zip | 3kb)


"Lazy load" Bilder nachladen

Kurzbeschreibung: Bilder werden nachgeladen sobald sie im sichtbaren Bereich erscheinen. Ideal für große Fotogalerien.

Einstellungen: keine Einstellungen nötig, alle Bilder im Inhaltsbereich der Seite werden nachgeladen.

Demo

Download (.zip | 3kb)


MP3- Player - klein

Kurzbeschreibung: Fügt zu jedem MP3- Link einen kleinen HTML5/Flash- Player hinzu - orig. Script. Ausnahmen über Datensatz- Klasse möglich.

Einstellungen: keine Einstellungen nötig.

Demo

Download (.zip | 18kb)


MP3- Player - gross

Kurzbeschreibung: spielt eine hochgeladene MP3- Datei in einem Player dirkt in der Website ab.

Einstellungen: Breite des Players sowie Songtitel (optional)

 

Demo

Download (.zip | 14kb)


Textarea Limiter

Kurzbeschreibung: Begrenzt die Anzahl der Zeichen, die der Besucher in eine Textarea eines Formulares eingeben kann. Zusätzlich wird die noch mögliche Anzahl der Zeichen angezeigt.

Einstellungen: Anzahl der möglichen Zeichen sowie die ID der Textarea (optional, bei "0" werden alle Textareas begrenzt).

Demo

Download (.zip | 3kb)


YouTube- Video einbinden

Kurzbeschreibung: durch Eingabe der Video- ID wird ein YouTube- Video eingebunden.

Einstellungen: Video- ID, Breite & Höhe des Videos

Demo

Download (.zip | 2kb)


Bild anstatt YouTube- Video

Kurzbeschreibung: ein hochgeladenes Bild wird nach Klick mit einem YouTube- Video getauscht.

Einstellungen: YouTube- ID, Abmessungen, Playbutton einblenden

Demo

Download (.zip | 3kb)


Datensatz/Spalte ein-/ausblenden

Kurzbeschreibung: Datensatz/Spalte wird mit Klick auf die (erste) Überschrift ein- bzw. ausgeblendet. Jeder beteiligte Datensatz/Spalte benötigt die Klasse "ssl_folding". "Anker"- Adressen öffnen den passenden Datensatz.

Einstellungen: "alles öffnen/schließen" anzeigen und der genaue Text dieser Links, den ersten Datensatz/Spalte beim Laden der Seite öffnen

Demo

Download (.zip | 230kb)


Inhalte in Spalte mit Teaser ein-/ausblenden

Kurzbeschreibung: Ein Datensatz - der "Öffner" - wird nach Klick ausgeblendet (ausgenommen dessen Überschrift), der Rest der Spalte wird eingeblendet.

Einstellungen: Keine Einstellungen nötig, der "Öffner"- Datensatz benötigt die Klasse "ssl_opener".

Demo

Download (.zip | 380kb)