Homepage-Effekte (Lightbox, Thickbox, Slideshow, Tooltipps)

Homepage-Effekte sind sehr beliebte Erweiterungen im Bereich Webdesign zur Aufwertung der eigenen Website. Zu diesen gehören unter anderem Effekte der Slideshow, Thickbox, Lightbox, Tag Clouds und Tooltipps. Der Einsatz sollte dezent sein und den Besucher nicht mit unnötigen Animationen überlasten. Nutzen Sie die hier gelisteten Effekte stilvoll und bieten Sie dem Betrachter Mehrwert in Form einer visuell ansprechenden Optik. Aktuell können Sie zwischen den Rubriken Homepage-Effekte und Photoshop-Effekte wählen. Übrigens sind die hier gesammelten Referenzen frei von Werbung, d.h. die Präsentation der Features auf Ihrer Homepage erfolgt ohne störende Einblendungen. Für gewöhnlich verfügen die Landingpages auch über eine Demo bzw. Voransicht des gewählten Effektes.

DER LIGHTBOX-EFFEKT / LICHTBOX-EFFEKT

Der LICHTBOX-EFFEKT (Lightbox-Effekt) ist ein trendiges Gimmick mit dem Sie Bilder & Fotos auf Ihrer Website vergrößern können. Dabei wird der Hintergrund abgedunkelt und das Bild animiert in eine höhere Auflösung gezoomt. Die Installation des Lightbox-Effektes ist simpel und wird in den unten zur Verfügung gestellten Links ausgiebig erläutert. Kleinere Änderungen im HTML-Quellcode müssen vorgenommen werden, sind aber einfach zu bewältigen. Die Nutzung ist kostenfrei. Einfach cooler Effekt für Ihr Webdesign.

High Performance Lightbox | Lichtbox-Effekt | Greybox | Lightbox JS | Lightbox 2 | Lytebox | Colorbox | Shadowbox | Highslight | Lightbox Tutorial

DER THICKBOX-EFFEKT

Der THICKBOX-EFFEKT ist im Grunde genommen dasselbe wie der Lightbox-Effekt. Allerdings verwenden wir diesen in etwas abgeänderter Form. Genauer gesagt sind nicht Grafiken und Bilder Gegenstand der Einblendung, sondern Formular- und Hinweisfelder (inline-content).

JQuery Thickbox | Tutorial zur Thickbox für Coder via JQuery | Leightbox |

JAVASCRIPT SLIDESHOW & GALERIE

SLIDESHOWS sind derzeit sehr beliebte Homepage-Effekte zur Belebung der eigenen Website. Ein sinnvoller Einsatz werten die jeweilige Einzelseite optisch auf und vermittelt dem Besucher ein Gefühl von Dynamik und Qualität. DIe folgenden Beispiele basieren auf Javascript und sind einfach zu integrieren.

Javascript-Slideshow Phatfusion | Javascript-Slideshow Bretteleben | Fader Framework von SELFHTML | Coverflow Slideshow mit flickr

FLASH SLIDESHOW & FLASH GALERIE

Hier ebenfalls gute SLIDESHOWS, aber auf Flash basierend. In der Regel benötigt es hier ein wenig mehr Geduld bei der Implementierung, dennoch zahlt sich diese Geduld sicherlich aus, weil zum Teil wirklich schöne Homepage-Effekte und Darstellungen erzeugt werden können.

Slide Photos | Flash-Slideshow I | Flash-Carousel-Flip | Flash-Sammlung von Visual Blast Media | flashden (kostenpflichtig, aber geil) | WS Slideshow | Flash Karusell |

NAVIGATION (ANIMIERTE & AUFKLAPPBARE MENÜS)

Um Ihrer Website etwas an Statik zu nehmen und mittels dynamischer Homepage-Effekte aufzupeppen, sind AUFKLAPPBARE MENÜS oftmals eine Augenweide und erhöhen die Professionalität Ihrer Seite bei richtiger Anwendung. Hier ein paar gute Linktipps, allerdings muss man sich teilweise arg einlesen und probieren.

Aufklappmenüs (englisch) | CSS Showcase | OPEN Cube | Dr. Web Klappmenü | SELHTML für Eigenstudien | Dynamic Drive | Bilderklappmenü HoverLightbox | Sliding Navigation |

TAG CLOUD, TAG CUMULUS (FLASH, WORDPRESS, JAVASCRIPT)

Am Einsatz von Tag Clouds scheiden sich die Geister. Allerdings ist es ein nettes Widget für die eigene Website, wenn es stilvoll eingebunden wird. Für Wordpress-User ist das WP Cumulus Plugin sehr zu empfehlen. Der Rest kann sich am Angebot von ARTVIPER versuchen.

Wordpress Cumulus Plugin | Arrtviper Flash Tag Cloud | Flickr Widget |

TOOLTIPPS

Mit folgenden Tool-Tipps kann man die Usability verbessern und dem Besucher wertvolle Hinweise geben. Die Optik ist dem Standard-Tooltipp (title-/alt-Attribut) überlegen und wirkt moderner. Auch sind verschiedenartige Formen möglich.

Bubble-Tooltip | Dr. Web Tooltipp Scripts |

Kommentare, Ideen, Anregungen und Nützliches

Wow!
Vielen Dank! Eine sehr nützliche Sammlung, die mir sehr geholfen hat.
Weiter so!

Ist wirklich eine schöne Liste. Vieleicht wär hier das Flash Karussel auch noch eine Alternative. Sieht super aus und ist auch ein echter Website Effekt.:-)

Anmerkung Admin:
Danke für den Tipp! Haben wir selbstverfreilig hinzugefügt!

Zum Thema Flash Tag Cloud -> hier gibt's ein AJAX Widget, mit dem man automatisch aus einer HTML tagCloud eine Flash tagCloud erstellen kann ( und wieder zurück ):

zum Ajax Widget

Gruß
Frank

Hey, coole Seite! Hab ich grad zufällig gefunden - sehr gut - weiter so!!!

Sehr gute Tipps, hat mir sehr gefallen. Vor allem mit der Light-Box werde ich mich näher beschäftigen.

Vielen Dank sehr nützlich!

Habe schon die ganze Zeit nach diesem Lightbox Effekt gesucht wusste nur nicht wie der hieß. Danke!!!

Jetzt habe ich schon seit Jahren einen Blog und suche dieses Tag Cloud Plugin, dann sehe ichs bei dir :) Vielen Dank! Übrigens Klasse Seite hast super Inhalte :)

Anm. des Betreibers:
Danke! :)

Hallo,

Sie können vielleicht auch www.loxiastudio.com/en besuchen.

Dort gibt es vorgefertigte Bausteine, um diverse Slideshows/Bildergalerien zu erstellen. Angeboten werden sowohl Jquery - als auch Flash-Komponenten.

Wenn Sie die Animation erstellt haben, müssen Sie nur den Code kopieren und in Ihre Seite einfügen.

Falls Sie irgendwelche Fragen haben gibt es zahlreiche Tutorials und gute Erklärungen.

Lassen Sie uns wissen was Sie denken!

Anm.:
Kommentar lass ich zu, wenn es den Besuchern hier zu dem führt, was sie suchen. :)