Hallo zusammen,
ich habe ein Bild mit GIMP erstellt. Innerhalb des Bildes habe ich ein paar Felder die mit onmouseover angesprochen werden. Also sie haben 'nen Verweis und eben auch 'nen Namen der "aufpoppt".
Jetzt hätte ich gerne dass sich zusätzlich die Farbe dieser einzelnen Kästchen ändert, wenn ich darüberfahre.
Beispielsweise wie das hier: HTML-Tag area map bei der Deutschlandkarte ist.
Ich bin leider absoluter Anfänger und hoffe ihr könnt mir weiterhelfen.
Quelltext lautet wie folgt:
Dies wird dann für alle Kästchen gemacht:
Ich hätte etz online einen Ansatz gefunden der das mit CSS löst. onMouseOver funktioniert, aber leider mit dem gesamtem Bild. Ich weiß nicht wie ich dann die einzelnen Bereiche anspreche. Quasi wie folgt:
Ich danke für jeden hilfreichen Kommentar. Muss natürlich nicht CSS sein.
Schöne Grüße
ich habe ein Bild mit GIMP erstellt. Innerhalb des Bildes habe ich ein paar Felder die mit onmouseover angesprochen werden. Also sie haben 'nen Verweis und eben auch 'nen Namen der "aufpoppt".
Jetzt hätte ich gerne dass sich zusätzlich die Farbe dieser einzelnen Kästchen ändert, wenn ich darüberfahre.
Beispielsweise wie das hier: HTML-Tag area map bei der Deutschlandkarte ist.
Ich bin leider absoluter Anfänger und hoffe ihr könnt mir weiterhelfen.
Quelltext lautet wie folgt:
HTML:
<html><head><title>Test</title>
</head><body>
<h1 id="Test"
<div align="center"><img src="Fotoname.jpg" … usemap="#Mapi" border="0" /></div>
<map name="Mapi" id="Mapi">
HTML:
<area shape="rect" coords="22,64,24,65" alt="eins" id="eins" href="Linkhierhinterlegt.html"/>
</map>
</body></html>
HTML:
<style type="text/css">
img
{
opacity:0.4;
filter:alpha(opacity=40);
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100);
}Ich danke für jeden hilfreichen Kommentar. Muss natürlich nicht CSS sein.
Schöne Grüße
