fivezoom: css imagemap mouseover wordpress

Beitrag lesen

OK, die Fehler im HTML sind jetzt alle gefixt. Allerdings wird das bild nicht mehr getausch. Mensch ich habe keine Ahnung. Das leer png scheint von der position richtig zu liegen. Warum wird nichts mehr getauscht jetzt?

Hier nochmal der Java CODE:
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-empty.png" alt="";
Highlight1 = new Image();
Highlight1.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-africa.png" alt="";

Normal2 = new Image();
Normal2.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-empty.png" alt="";
Highlight2 = new Image();
Highlight2.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-africa.png" alt="";

Normal3 = new Image();
Normal3.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-empty.png" alt="";
Highlight3 = new Image();
Highlight3.src = "http://fotos.dinerodelmundo.es/el-dinero-del-mundo-africa.png" alt="";

function Bildwechsel(Bildnr,Bildobjekt)
{ window.document.images[Bildnr].src = Bildobjekt.src; }
//-->
</script>

und der HTML Code:
<div id="dineromap">
<img class="dineroimg" src="http://fotos.dinerodelmundo.es/el-dinero-del-mundo-empty.png" border="0" alt="" width="650" height="266" usemap="#dinero-del-mundo-map" /><map name="dinero-del-mundo-map" id="dineromap2">

<area onmouseover="Bildwechsel(0,Highlight1)" onmouseout="Bildwechsel(0,Normal1)" shape="poly" coords="306,266, 250,106, 311,98, 317,98, 325,94, 340,94, 349,102, 367,101, 378,103, 389,122, 401,144, 429,134, 494,272" href="http://www.dinerodelmundo.es/africa" alt="" />

<area title="América del Norte" shape="poly" coords="250,105, 207,134, 182,138, 176,155, 0,154, 0,-9, 303,-7, 304,27, 255,49" href="http://www.dinerodelmundo.es/america-del-norte" alt="" />

<area title="América del Sur" shape="poly" coords="304,266, 250,107, 208,134, 182,138, 176,155, -11,155, -35,300" href="http://www.dinerodelmundo.es/america-del-sur" alt="" />

<area title="Asia" shape="poly" coords="650,107, 559,162, 556,169, 556,183, 538,191, 450,177, 429,134, 402,144, 379,103, 367,98, 367,94, 372,86, 388,85, 394,87, 414,94, 415,88, 409,82, 414,79, 418,79, 415,71, 434,71, 438,47, 439,33, 460,19, 470,-4, 666,0" href="http://www.dinerodelmundo.es/asia" alt="" />

<area title="Europa" shape="poly" coords="367,0, 469,0, 460,20, 439,33, 438,47, 434,73, 428,73, 415,73, 419,79, 414,79, 409,82, 416,88, 415,94, 394,87, 388,85, 372,86, 367,93, 367,98, 378,103, 367,101, 350,102, 340,94, 323,94, 316,98, 304,98, 250,107, 255,49, 304,27, 304,0" href="http://www.dinerodelmundo.es/europa" alt="" />

<area title="Oceanía" shape="poly" coords="650,107, 560,162, 556,169, 556,183, 539,191, 450,177, 490,266, 666,266" href="http://www.dinerodelmundo.es/oceania" alt="" />

</map></div>

und zu guter letzt der CSS Code:
#dineromap {width:650px; height:266px; background:url(http://fotos.dinerodelmundo.es/el-dinero-del-mundo.jpg) no-repeat; position:relative; z-index:1;}
#dineromap2 {width:650px; height:266px; no-repeat; position:relative; z-index:2;}

Habe wieder verschiedene configs ausprobiert. Was mache ich falsch?

Grüße

@@fivezoom:

nuqneH

Nach langem suchen bin ich auf folgende Lösung von kerki gestolper:

Grandiose Idee! ;-)

Keine Ahnung wie ich das fixen kann.

Siehst so aus, als ob dein JavaScript das falsche Bild tauscht, nämlich div[@id="banner"]/img.

Und auch die HTML-Fehler fixen.

www.dinerodelmundo.es (Links sind extra nicht verlinkt da die Domain noch nicht indexiert werden soll! Sorry!)

Nein, das ist keine Entschuldigung. Du willst Hilfe, also mach es Hilfenden nicht unnötig schwer und bürde ihnen Copy&Paste-Orgien auf!

Also bitte: www.dinerodelmundo.es

Wenn du etwas nicht indiziert haben willst, liegt es an dir, den SEs dies http://de.selfhtml.org/diverses/robots.htm@title=mitzuteilen.

(Übrigens bin ich mir nicht sicher, ob Postings überhaupt von SEs durchsucht werden, solange sich nicht im Archiv sind.)

Qapla'