Für die Berliner Verlag GmbH hat pixelpaule.de eine komplette Webseite mit Gewinnspiel für die Aktion “Die Zukunft heißt Hybrid” der MotorCompany designed und programmiert. Es wurden Unterseiten zur Flotte der MotorCompany, zur Hybrid-Technik und zum Gewinnspiel erstellt. Besonderheiten an der Seite sind der mit der Javascript Bibliothek (jQuery) programmierte Sider im Kopfteil, der ContentSlider in der rechten Spalte zur animierten Auflistung der Hybrid-Flotte und das datenbankbasierte Anmeldeformular, welches durch ein jQuery-Plugin für alle Browser gleich designed wurde.
Der Slider im Header wird durch das Nivo Slider Package realisiert (http://nivo.dev7studios.com/). Eine beliebige Anzahl von Bildern kann mit abwechselnden Effekten (random) oder einem Slideeffekt dargestellt werden. Der Content Slider in der rechten Spalte wurde von pixelpaule.de selbst programmiert und arbeitet mit der .clone() Funktion der jQuery Bibliothek. Dabei wird immer das erste nicht mehr sichtbare Element im DOM kopiert und ans Ende des Containers per .append() angefügt. Das kopierte Ausgangselement wird durch .remove() aus dem DOM entfernt.
URL: www.hybrid-in-berlin.de
Scripts: PHP, Javascript (jQuery), HTML, CSS, MySQL
Besonderheiten: Gewinnspiel
Tags: Ajax, CSS, HTML, Javascript, jQuery, MySQL, PHP, Programmierung, Webdesign
