Photoshop CS3 - Bild mit Mouseover

[Floh1982]

Hallo Leute!

Ich weis nicht mit was man mein Problem lösen kann ob java oder html oder php deswegen weis ich auch nicht ob ich hier richtig bin!


Nun zu meiner Frage:
Ich mache gerade eine Homepage für meinen Freund und seine Band. Nun hat er mich gefragt ob es möglich ist ein Bandbild zu animieren.

Ich habe mir das so vorgestellt das das Bild grau ist und wenn ich über eine Person mit der Maus fahre die dann in farbe erscheint! Also ein Mousover!

Nur bekomme ich das nicht hin ich habe die Grafiken im Photoshop Cs3 gemacht jede person ausgeschnitten und in ein eigene ebene.

Nun da die personen ja keine rechtecke sind weis ich nicht wie ich das realisieren kann das genau die person aufläuchtet über die ich mit der maus fahre!

Und ist das im Photoshop auch möglich ohne massig code auf die seite zu werfen?

Danke schon für die Antworten

Lg FLoh

 

[VirusX]

Du könntest für z.B. 4 Personen 4 Bilder nehmen und diese dann direkt nebeneinander positionieren. Da die Hintergrundfarbe gleich ist, sieht keiner, dass das 4 Bilder sind. Den Mouseover kannst du in CSS erstellen.

So in etwa:

#Person1 a {
   background-image: url(person1.jpg);
   width: ???px;
   height: ???px;
   display: block;
}

#Person1 a:hover {
   background-image: url(person1_rollover.jpg);
   width: ???px;
   height: ???px;
   display: block;
}

usw...

 

[neuroleptika]

Besser noch beide Bilder in einer Grafik einbauen und das Background-image nur mit packground-position verschieben.
Die :hover-Grafik müßte sonst neu geladen werden. Das könnte bei größeren Grafiken zu lange dauern.

Lieber eine längere Ladezeit der gesamten Seite als ein langsamer (Im IE auch aufblitzender) :hover.