Javascript
Dynamisches Foto-Menü
von
Achim
Beiermann
Volker
Hinzen - 08.12.2010
Das kostenlose Tool Phatfusion Image Menu 2.2 erstellt mit Javascript und Cascading Style Sheets ein ansprechendes Bildermenü für Ihre Webseiten.
So geht's
Dieses Bildermenü wurde mit Phatfusion Image Menu erstellt.
Orientieren Sie sich beim Einbau der Javascripts und Cacading Style Sheets am Quelltext der Datei „imagemenu/index.htm“.
Verknüpfen Sie die CSS-Dateien „main.css“ und „imageMenu.css“ sowie die Skriptdateien „mootools.js“ und „imageMenu.js“ im <head>-Bereich Ihrer Webseite.
Erstellen Sie in „imageMenu.css“ Formatklassen, die Fotos als Hintergrundbilder festlegen. Weisen Sie diese Klassen den Listeneinträgen im Abschnitt <div id="imageMenu"> zu.
Der Skriptbaustein direkt unterhalb der Liste aktiviert das Menü.
Wenn Sie die Maus über einen der nebeneinander liegenden Fotostreifen bewegen, dann wird das jeweilige Bildmotiv mit einer gleitenden Bewegung komplett sichtbar.