Hallo,
ich habe ein Bild mit einer ImageMap. Dort sind 3 Bereiche, wo draufgeklickt werden kann. Beim Klick, soll dann ein Bild über das ImageMap Bild angezeigt werden. (Per CSS) Das originale Script findet ihr auf: http://js-tut.aardon.de/js-tut/tutorial/bilder1.html
Leider funktioniert der Bilderaustausch noch nicht. Könnt ihr mir helfen? Es passiert einfach gar nichts.
ich habe ein Bild mit einer ImageMap. Dort sind 3 Bereiche, wo draufgeklickt werden kann. Beim Klick, soll dann ein Bild über das ImageMap Bild angezeigt werden. (Per CSS) Das originale Script findet ihr auf: http://js-tut.aardon.de/js-tut/tutorial/bilder1.html
Leider funktioniert der Bilderaustausch noch nicht. Könnt ihr mir helfen? Es passiert einfach gar nichts.
Code:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<LINK HREF="../../styles/standard.css" REL="STYLESHEET" TYPE="text/css">
<TITLE>Woopax</TITLE> <SCRIPT TYPE="text/javascript"> <!-- Script-Bereich einleiten -->
<!-- /* HTML-Kommentar fuer Browser ohne JavaScript */
var namen=new Array("1.gif","2.jpg","3.jpg","4.jpg");
/* Array aller Bildernamen */
var bilder=new Array();
/* Definition des Bilder-Arrays */
function lade()
/* Laedt die Bilder */
{
var i; /* lokale Variablendeklaration */
for (i=0;i<3;i++) /* Schleife: i=0..4 */
{
bilder[i]=new Image(); /* neues Image-Objekt erzeugen */
bilder[i].src=namen[i]; /* Quelldateiname des Bildes setzen */
}
}
function zeige(nr)
/* zeigt ein Bild an */
{
document.images[0].src=bilder[nr].src;
/* Bild austauschen */
}
//--> <!-- HTML-Kommentarende -->
</SCRIPT>
</HEAD>
<BODY ONLOAD="lade();">
<IMG SRC="../../images/1.gif" >
<IMG SRC="../../images/jan_de.jpg" ALT="Splash" WIDTH="800" HEIGHT="600" BORDER="0" USEMAP="#jan">
<MAP NAME="jan">
<AREA SHAPE="CIRCLE" COORDS="583,545,52" HREF="#" onClick="zeige(1)">
<AREA SHAPE="CIRCLE" COORDS="715,297,54" HREF="#" onClick="zeige(2)">
<AREA SHAPE="CIRCLE" COORDS="96,253,55" HREF="#" onClick="zeige(3)">
</MAP>
</BODY>
</HTML>
n gefunden:
