image handler funktionieren nicht richtig

[Rodney]

Hallo Leute,
dieser Code

<map name='abgrenzungen'>
<area shape='RECT' coords='67,60,189,134' href='http://www.flossbauer.de/'
onMouseOver="document.scheune.src='bilder/berd1r.JPG'" onMouseOut="document.scheune.src='bilder/berd1.JPG'"></arena>


<area shape='RECT' coords='88,94,210,198' href='http://www.flossbauer.de/'
onMouseOver="document.toam.src='bilder/berc1r.JPG' " onMouseOut="document.toam.src='bilder/berc1.JPG'"></arena>

<area shape='RECT' coords='37,126,131,212' href='http://www.flossbauer.de/'
onMouseOver="document.andre.src='bilder/berb2r.JPG' " onMouseOut="document.andre.src='bilder/berb2.JPG'"></arena>
</map>

<table cellspacing='0' cellpadding='0'>
<tr>
<td><img src='bilder/bera1.JPG' border=‘0’></td>
<td><img src='bilder/berb1.JPG' border=‘0’ ></td>
<td><img src='bilder/berc1.JPG' border=‘0’ usemap='#abgrenzungen' name='toam'></td>
<td><img src='bilder/berd1.JPG' border=‘0’ usemap='#abgrenzungen' name='scheune'></td>
</tr></table>
<table cellspacing='0' cellpadding='0'> <tr>
<td><img src='bilder/bera2.JPG' border=‘0’></td>
<td><img src='bilder/berb2.JPG' border=‘0’ usemap='#abgrenzungen' name='andre' ></td>
<td><img src='bilder/berc2.JPG' border=‘0’></td>
<td><img src='bilder/berd2.JPG' border=‘0’></td>
</tr>
</table>

funktioniert eigentlich schon, das ganze kann man sich unter http://www.flossbauer.de?go=picture angucken. Aber auf einmal werden dann immer andere sachen umrahmt die eigentlich nicht umrahmt werden sollten. Guckt euch das am besten einmal auf der Seite an.

Danke im Vorraus

 

[Andreas Gaisbauer]

Hallo,

das Problem ist, dass du 3 mal die Map auf verscheidenen Bildern verwendest. Es gibt 2 Möglichkeiten:

1) Entweder du machst eine Map und ein Image (also ein großes)
Vorteil: Einfach in der Handhabung
Nachteil: Groß - weil auch die "Mouseover" immer die ganze Karte laden müssen...

2) Du machst für jedes Image eine eigene Map. Praktisch so:

<map name='abgrenzungen'>
<area shape='RECT' coords='67,60,189,134' href='http://www.flossbauer.de/'
onMouseOver="document.scheune.src='bilder/berd1r.JPG'" onMouseOut="document.scheune.src='bilder/berd1.JPG'"></arena>
</map>

<map name='abgrenzungen2'>
<area shape='RECT' coords='88,94,210,198' href='http://www.flossbauer.de/'
onMouseOver="document.toam.src='bilder/berc1r.JPG' " onMouseOut="document.toam.src='bilder/berc1.JPG'"></arena>
</map>

<map name='abgrenzungen3'>
<area shape='RECT' coords='37,126,131,212' href='http://www.flossbauer.de/'
onMouseOver="document.andre.src='bilder/berb2r.JPG' " onMouseOut="document.andre.src='bilder/berb2.JPG'"></arena>
</map>

<table cellspacing='0' cellpadding='0'>
<tr>
<td><img src='bilder/bera1.JPG' border=‘0’></td>
<td><img src='bilder/berb1.JPG' border=‘0’ ></td>
<td><img src='bilder/berc1.JPG' border=‘0’ usemap='#abgrenzungen' name='toam'></td>
<td><img src='bilder/berd1.JPG' border=‘0’ usemap='#abgrenzungen2' name='scheune'></td>
</tr></table>
<table cellspacing='0' cellpadding='0'> <tr>
<td><img src='bilder/bera2.JPG' border=‘0’></td>
<td><img src='bilder/berb2.JPG' border=‘0’ usemap='#abgrenzungen3' name='andre' ></td>
<td><img src='bilder/berc2.JPG' border=‘0’></td>
<td><img src='bilder/berd2.JPG' border=‘0’></td>
</tr>
</table>

So... sollte eigentlich klappen..

bye

 

[Rodney]

danke so funktionierts!
2 kleine Fragen noch:
wie kann man in HTML/JS Bilder vorladen
also das im Hintergrund schon mal die mouseover geladen werden...

und wie kann ich jetzt über diesen bildern tooltips anzeigen
also wenn auch die mouseover kommen...

DANKE LEUTE!