Tussen <head> heb ik het volgende scriptje..
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "2-1.jpg";
image2 = new Image();
image2.src = "3-1.jpg";
image3 = new Image();
image3.src = "4-1.jpg";
image4 = new Image();
image4.src = "5-1.jpg";
// End -->
</script>
In <body> staat het volgende:
<tr>
<td width="184"><a href="home.htm" onmouseover="image1.src='2-1.jpg';" onmouseout="image1.src='2.jpg';" target="loader"><img name="image1" src="2.jpg" border="0" width="184" height="61"></a></td>
</tr>
<tr>
<td width="184"><a href="about.htm" onmouseover="image2.src='3-1.jpg';" onmouseout="image2.src='3.jpg';" target="loader"><img name="image2" src="3.jpg" border="0" width="184" height="58"></a></td>
</tr>
<tr>
<td width="184"><a href="portfolio.htm" onmouseover="image3.src='4-1.jpg';" onmouseout="image3.src='4.jpg';" target="loader"><img name="image3" src="4.jpg" border="0" width="184" height="61"></a></td>
</tr>
<tr>
<td width="184"><a href="contact.htm" onmouseover="image4.src='5-1.jpg';" onmouseout="image4.src='5.jpg';" target="loader"><img name="image4" src="5.jpg" border="0" width="184" height="62"></a></td>
</tr>
<tr>
<td width="184"><img border="0" src="6.jpg" width="184" height="237"></td>
</tr>
Het werkt nu al dat wanneer je over een image gaat hij een ander plaatje laat zien en dat wanneer je er op klikt, dat ie én naar de link gaat, én dat ie van plaatje verwisselt..
Iemand een idee?
code:Next!<a href="link"><img src="1.jpg" onMouseOver="this.src='2.jpg';" onMouseOut="this.src='1.jpg';" /></a>
quote:Ik wil dat ie blijft staan zodra je er op klikt..
Op dinsdag 28 oktober 2003 19:42 schreef Roonaan het volgende:code:Next!<a href="link"><img src="1.jpg" onMouseOver="this.src='2.jpg';" onMouseOut="this.src='1.jpg';" /></a>
Dus ik wil eigenlijk dat wanneer je er overheen gaat dat ie veranderd. En wanneer je er op klikt dat ie een link opent en het plaatje veranderd in diegene van wanneer je er overheen gaat..kan dat?
quote:
Op dinsdag 28 oktober 2003 19:50 schreef elegancez het volgende:[..]
Ik wil alleen dat ie blijft staan zodra je er op klikt..
Zit je ranzige menuutjes te proggen?<a href="link" target="zut">
<img
src="1.jpg;"
alt=""
onClick="this.alt=' ';"
onMouseOver="this.src='2.jpg';"
onMouseOut="if(this.alt != ' ') this.src='1.jpg;'"
/
>
</a>
zoiets? is wel ranzig, maar goed je kan zelf wel verzinnen hoe je van this.alt een var kan maken.
|
|
