Hallo Tom,
ich habe das ganze ohne css gemacht ...
Schau mal hier:
http://www.bj250.de/html/custom01.htmlDa passieren sogar gleich zwei Dinge. Das s/w Bild wird bunt und gleichzeitig erscheint die Vergrößerung in der Mitte ...
Ist eigentlich ganz einfach mit "mouseover" / "mouseout" zu machen.
Ich bin nicht der große Code-Experte und vermutlich gibt es ein NOF-TUT dazu?
Das Bild muss auf jeden Fall "innen" einen Namen bekommen.
Zuerst macht man das Schwarzweißbild irgendwo hin.
Ich nenne es mal "SW-Bild-1.jpg" ...
Bei dem Bild auf HTML klicken und "innen":
name="Irgendeinname123"
Die Mausbefehle sprechen dann diesen "Namen" an.
Keine Bindestriche nutzen?! Und der "Name" darf nur einmal auf der jeweiligen Seite vergeben werden - sonst klappt es nicht ...
Bei mir ändert sich noch der Mauszeiger. Wie es ohne geht, weiß ich nicht ...
"Vorher" käme dann in die HTML des Bildes:
<a HREF="javascript:void (0)"
onMouseover="Irgendeinname123.src='../assets/images/BuntesBild-1.jpg';"
onMouseout="Irgendeinname123.src='../assets/images/SW-Bild-1.jpg';">
"Nachher" käme dann in die HTML des Bildes:
[/url]
Wichtig ist, dass man das bunte Bild in die Assets einbindet und "immer publizieren" anklickt.
Meistens klappt es nicht sofort, weil man irgend einen doofen Fehler eingebaut hat ...
Gruß
Andreas