image swap
Jeg har fundet scriptet her ved viewsource.dkNu ville jeg gerne bruge de 3 billeder som hyperlinks ??
Hjælp !!!
PS. Jeg er ikke nogen ørn til javascript
<SCRIPT LANGUAGE="JavaScript">
<!--
// EXAMPLE OF AN IMAGE SWAPPING ALGORITHM
var imgAr;
var imgPath = '';
// ALLOCATE MEMORY FOR 9 IMAGE OBJECTS & INITIALIZE ELEMENTS
function initImgs()
{
imgAr = new Array(9);
// FIRST COLOR BLOCK DEMO
for (i=0; i<4; i++)
imgAr[i] = new Image(54, 27);
imgAr[0].src = imgPath + 'csibla1.gif';
imgAr[1].src = imgPath + 'csiblu1.gif';
imgAr[2].src = imgPath + 'csigre1.gif';
imgAr[3].src = imgPath + 'csiora1.gif';
// SECOND COLOR BLOCK DEMO
for (i=4; i<8; i++)
imgAr[i] = new Image(108,108);
imgAr[8] = new Image(27,27);
imgAr[4].src = imgPath + 'csimsg0.gif';
imgAr[5].src = imgPath + 'csimsg1.gif';
imgAr[6].src = imgPath + 'csimsg2.gif';
imgAr[7].src = imgPath + 'csimsg3.gif';
imgAr[8].src = imgPath + 'csiar1.gif';
return imgAr;
}
// SWAP ALGORITHM: multi-purpose demo
function swap()
{
if (swap.arguments.length >1)
{
switch(swap.arguments.length) {
case 4:
tmp = swap.arguments[3].src;
swap.arguments[3].src = imgAr[(swap.arguments[0]+4)].src;
imgAr[(swap.arguments[0]+4)].src = tmp;
case 3:
tmp = swap.arguments[2].src;
swap.arguments[2].src = imgAr[8].src;
imgAr[8].src = tmp;
default:
tmp = swap.arguments[1].src;
swap.arguments[1].src = imgAr[swap.arguments[0]].src;
imgAr[swap.arguments[0]].src = tmp;
}
}
return;
}
//-->
</SCRIPT>
Double Image sawp
<P>
<A HREF="noop" ONMOUSEOUT="swap(0,img0a); return true" ONMOUSEOVER="swap(0,img0a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img0a" SRC="csiblaO.gif" WIDTH="54" HEIGHT="27" ALT="Black" BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(1,img1a); return true" ONMOUSEOVER="swap(1,img1a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img1a" SRC="csiblu0.gif" WIDTH="54" HEIGHT="27" ALT="Blue" BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(2,img2a); return true" ONMOUSEOVER="swap(2,img2a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img2a" SRC="csigre0.gif" WIDTH="54" HEIGHT="27" ALT="Green" BORDER="0"></A><BR>
<A HREF="noop" ONMOUSEOUT="swap(3,img3a); return true" ONMOUSEOVER="swap(3,img3a); status=defaultStatus; return true" ONCLICK="return false;"><IMG NAME="img3a" SRC="csiora0.gif" WIDTH="54" HEIGHT="27" ALT="Orange" BORDER="0"></A>
</P>
<br><br>
Trible Image Swap
<br><br>
<TABLE WIDTH=216 STYLE="background-color: rgb(255,255,255);">
<TR>
<TD WIDTH=50% VALIGN="top" ALIGN="left" NOWRAP>
<A HREF="noop" ONMOUSEOUT="swap(0,img0b,ar0,img4); return true" ONMOUSEOVER="swap(0,img0b,ar0,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img0b" SRC="csiblaO.gif" WIDTH="54" HEIGHT="27" ALT="Black" BORDER="0"></A><IMG NAME="ar0" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
<A HREF="noop" ONMOUSEOUT="swap(1,img1b,ar1,img4); return true" ONMOUSEOVER="swap(1,img1b,ar1,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img1b" SRC="csiblu0.gif" WIDTH="54" HEIGHT="27" ALT="Blue" BORDER="0"></A><IMG NAME="ar1" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
<A HREF="noop" ONMOUSEOUT="swap(2,img2b,ar2,img4); return true" ONMOUSEOVER="swap(2,img2b,ar2,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img2b" SRC="csigre0.gif" WIDTH="54" HEIGHT="27" ALT="Green" BORDER="0"></A><IMG NAME="ar2" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT=""><BR>
<A HREF="noop" ONMOUSEOUT="swap(3,img3b,ar3,img4); return true" ONMOUSEOVER="swap(3,img3b,ar3,img4); status=defaultStatus; return true;" ONCLICK="return false;"><IMG NAME="img3b" SRC="csiora0.gif" WIDTH="54" HEIGHT="27" ALT="Orange" BORDER="0"></A><IMG NAME="ar3" SRC="csiar0.gif" WIDTH=27 HEIGHT=27 BORDER=0 ALT="">
</TD>
<TD WIDTH=50% VALIGN="top" ALIGN="left" NOWRAP>
<IMG NAME="img4" SRC="csimsg.gif" WIDTH="108" HEIGHT="108" ALT="" BORDER="0">
</TD>
</TR>
</TABLE>
