Mehrere Rollover für Webseite

[Chris0211]

Hallo zusammen!

Vorweg: ich bin Photoshop Neuling und habe das Programm auch nur, weil ich es hier in der Firma benutzen darf. Daher kenn ich mich auch nicht so gut aus. Nun möchte ich aber für die Homepage meiner Band ein Bandfoto mit Rollover Effekt der einzelnen Musiker erstellen (5). Grundfoto ist in s/w und die Musiker sollen beim Rollover in Farbe dargestellt werden.

Ausgeschnitten und in neue Ebenen kopiert habe ich die Farbigen Musiker schon. Nun weiß ich nur nicht, wie ich den Rollovereffekt hinbekommen soll und wie ich diesen dann in die Webseite einbaue.

Könntet ihr mir da behilflich sein?

Vielen Dank und viele Grüße

Chris

[phoenix]

Hallo chris,
willkommen im Photoshop Cafe.

<style type="text/css">
#musiker1:hover {
background-image:url(image1_col.img);}

#musiker2:hover {
background-image:url(image2_col.img);}
</style

<div id="musiker1" style="display:block; width:100px; height:100px; background-image:url(image1.img);"></div>

<div id="musiker2" style="display:block; width:100px; height:100px; background-image:url(image2.img);"></div>

Das ist eine von vielen Möglichkeiten. Pseudo Code, ein bisschen HTML muss man trotz allem können wenn man Webseiten erstellen will ;)

Gruss,
phoenix