Bildrotation mit Namenseinblendung
avatar

Für einen unserer Kunden aus Schleswig-Holstein, haben wir für die Startseite des Portals eine schöne Lösung umgesetzt. Der Kunde der weltweit tätig ist, wünschte auf der Startseite eine Bildrotation seiner Mitarbeiter aus aller Welt. Zusätzlich zu den Bildern, sollten bei einem „Mouse-Over“ die Namen der Mitarbeiter und deren Lokation angezeigt werden.

Die erstellte Lösung nutzt hierbei jQuery und sorgt beim Überfahren mit der Maus dafür, dass ein neues, jedoch gleiches Bild mit den zusätzlichen Informationen geladen wird. Dabei achten wir auf einen weichen Übergang, so dass die Informationen auf dem Bild sanft eingeblendet werden.

Als Beispiel sehen Sie hier eine mögliche Startseite eines Portals, welches sich Mitarbeiterfotos zufällig aus einer Bildbibliothek heraus sucht.

image

 

Beim Bewegen des Mauszeigers auf das Bild, wird mittels jQerry ein zweites Bild aus einer anderen Bildbibliothek geladen. Dort befinden sich alle Gegenpaare mit den zusätzlichen Informationen. Die Bilder können dabei ganz individuell mit einem Bildbearbeitungsprogramm angepasst werden. In unserem Beispiel haben wir uns für den Standort links oben und dem Namen des Mitarbeiters entschieden.

 

image

 

Durch diese Lösung bekommt die Portalstartseite eine enorme Dynamik, da ständig neue Bilder und deren Namen auftauchen und zusätzlich lernen die Mitarbeiter des Unternehmens nun auch ihre Kollegen aus aller Welt kennen.

Schreibe einen Kommentar