javascript

[Spakomat]

Guten Abend,
ich habe auf meiner Seite zwei Links. Beim Mouseover über den einen Link verändert sich dabei 0.gif in 1.gif. Bei dem zweiten Link soll sich nun ein zweites Bild (2.gif) in 3.gif verändern, was allerdings nicht funktioniert. Leider kann ich selbst kein javascript und wäre euch deshalb dankbar, wenn ihr mir sagen könntet, wie der Quellcode dafür aussehen würde. Den bisherigen Code habe ich hier eingebaut.
Herzliche Grüße
Spakomat

<SCRIPT LANGUAGE="JavaScript">
<!--
// Vorabladen der Bilder
NumberImg = new Array()

for(var i = 0; i < 3; i++)
{
NumberImg = new Image()
NumberImg.src = "" + i + ".gif"
}
// Bild zeigen
function show_image(idx)
{
document.showimg.src = NumberImg[1].src
}
// Bild zeigen
function hide_image()
{
document.showimg.src = NumberImg[0].src
}
// -->
</SCRIPT>
<TABLE BORDER=2 CELLPADDING=8>
<TR ALIGN=CENTER><TD><IMG NAME="showimg" SRC="0.gif" height=38 width=100></TD></TR>
<TR><TD ALIGN=CENTER WIDTH=96><BIG><a HREF="start.htm" onMouseOver="show_image(1)" onMouseOut="hide_image()">Eins</a></BIG></TD>
</TR>
</TABLE>
</center>
<div align="center">
<center>
<TABLE BORDER=2 CELLPADDING=8>
<TR ALIGN=CENTER><TD><IMG NAME="showimg2" SRC="2.gif" height=38 width=100></TD></TR>
<TR><TD ALIGN=CENTER WIDTH=96><BIG><A HREF="start.htm" onMouseOver="show_image(3)" onMouseOut="hide_image()">Eins</A></BIG></TD>
</TR>

 

[kasimir83]

auf jeden Fall müsste i<=3 sein, sonst hast du drei nicht dabei.

Aber wenn du bei jedem Link ein anderes Bild verändern willst dann nimm doch:

pic0=new Image();
pic0.src="pic0.jpg";
pic1=new Image();
pic1.src="pic1.jpg"
pic2=new Image();
pic2.src="pi2.jpg";
pic3=new Image();
pic3.src="pic3.jpg";
var a,pic;
function tauschen(a,pic)
{window.document.images[a].src=pic.src;}

Und ind den <A href...> Tag

ONMOUSEOVER="tauschen(3,pic1)"
ONMOUSEOUT="tauschen(3,pic0)"

die erste Zahl gibt die Indexnummer des Bildes auf der Seite an, das erste ist das was zuerst im Quellcode steht.
Die zweite gibt dedn Namen des Bildes in das geändert werden soll.