imagemap und moseover Effekt

[syrap]

Sorry erneut mein Fehler
trag mal die Zahl bei dem onmouseout mit einfachen anführungszeichen ein so z.B.:

onmouseout="changevisible('bay','2')"

[mikemike]

Nö, leider funzt es immer noch nicht. Ich habe doch den Areacode angegeben. Kommt man in den Code, geht das Bild an. Gehe ich aus dem Bereich des codes raus, geht das Bild jedoch nicht wieder weg. Das Bild (z.B. bayern) geht erst dann weg, wenn ich vollständig aus dem Bild herrausgehe.
Habe es wieder hochgeladen

[syrap]

Also , ich würde vorschlagen bevor ich noch weiter rum rate,
ich hab um fünf Feierabend, du könntest die Koordinaten und die einzelnen Bilder vorbereiten, dann schick ich dir jetzt per pm meine Email Adresse und dann mach
ich dir das nacher ebend schnell fertig Wenn du noch so lange warten kannst natürlich

[mikemike]

Hey Mann, das wäre super. Danke schon mal.

[mikemike]

Gibt es eine Möglichkeit ein Grundbild darzustellen und mit onMouseover/onMouseout ein Bild darüber einzublende/auszublenden?
Z.B. Nehme eine rote Fläche 500x500 (bild1.png) und und blende da drüber an gleicher Stelle 150x150 (Bild2.png). So das Bild1 unten liegt und Bild2 lediglich darüber erschein bzw verschwindet.

mikemike

[diamond2010]

Ja klar geht das. Du brauchst nicht mal JavaScript dafür. Das lässt sich super einfach in CSS realisieren.

Code:
Html:

<div id="bild1" ></div>

css:
#bild1{background: url(url/zum/bild.jpg)}

#bild1:hover{background: url(url/zum/bild2.jpg)}

Hoffe ich konnte dir helfen.

greets Thorsten

[mikemike]

Danke Thorsten, aber es geht darum, das ich insgesamt 15 verschiedene Bilder über das Hauptbild setzen möchte. Die Bilder darüber mit einem imagemap. Deswegen möchte ich ein Hauptbild positionieren, und dann das imagemap darüber setzen. Mit CSS habe ich es probiert aber das bekomme ich nicht so zum laufen wie ich es benötige.

[diamond2010]

Zitat von mikemike

Danke Thorsten, aber es geht darum, das ich insgesamt 15 verschiedene Bilder über das Hauptbild setzen möchte. Die Bilder darüber mit einem imagemap. Deswegen möchte ich ein Hauptbild positionieren, und dann das imagemap darüber setzen. Mit CSS habe ich es probiert aber das bekomme ich nicht so zum laufen wie ich es benötige.

Mach dir eine Image Map mit PS und positioniere dann, je nachdem welches Bild erscheinen soll das Background Image. Hast du das schon probiert?

Kannst mir ja mal per PM eine Vorstellung schicken. Vielleicht kann ichs dir umsetzen....

[cebito]

Wieviele Themen wg. EINER Landkarte willst du denn noch aufmachen? Hab das mal zusammengtackert. IMHO ist es ziemlich egoistisch sich in mehreren Themen oder Foren Antworten zu erschnorren und die potentiellen Helfer im Unklaren darüber zu lassen. Nicht jeder schaut nach, welche anderen Themen du bereits am Laufen hast.

[diamond2010]

ich bin einer davon.... hab nicht gemerkt, dass er schon mehrere Themen geöffnet hat.

[mikemike]

@cebito
Ich habe jetzt alle möglichen Variablen welche mir einfielen durchprobiert, aber ich kann immer nur ein Bundesland anzeigen lassen. Da ich beim mousover die Koordinaten vorgebe(hier einmal hes), gehen beim mouseout NUR diese Koordinaten als Bild nach vorne. Das zweite wird dann nicht mehr erkannt.

<div id="map">

<img src="images/pzl_brd.png" border="0" usemap="#test"/>
<map name="test">
    <area  shape="rect" coords="147,255,200,359" onmouseover=javascript:zeige("hes") alt=""></map>
    
<img src="images/xxx.png" id="bay" border="0" usemap="#test2" />
<map name="test2">
    <area shape="rect" coords="213,333,352,522" onmouseout=javascript:verberge("bay") alt=""></map>
    
   <img src="images/yyy.png" id="hes" border="0" usemap="#test3" />
<map name="test3">
    <area shape="rect" coords="147,255,200,359" onmouseout=javascript:verberge("hes") alt=""></map>

<script type="text/javascript">
<!--
function zeige(land) { 
document.getElementById(land).style.visibility = "visible";
} 
function verberge(land) { 
document.getElementById(land).style.visibility = "hidden"; 
} 
-->
</script>

Habe ich hier noch einen Denkfehler oder ist es einfach nicht so machbar wie ich es mir vorstelle?
mikemike

[cebito]

Du hast ja auch nur eine area, die hessen anzeigen soll, du musst auf der großen map natürlich mehrere areas anlegen, die dann jeweils das gehoverte BL anzeigen.

[mikemike]

Super, danke, dass war mein Denkfehler, jetzt geht es.
mikemike