fråga om byta-bild-script

Jag hittade det här scriptet av nitro2k01:

<script type="text/javascript">
function bigIn(th){
  document.getElementById("bigimage").src=th.src.replace(/\_mini/i, "");
}

function bigOut(){
  document.getElementById("bigimage").src="placeholder.gif";
}
</script>
<img src="bild1_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild2_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild3_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
...

<img src="placeholder.gif" id="bigimage">

Den gör ungefär vad jag söker efter. Dock, jag har några saker som jag vill ha annorlunda.

Det skall vara 2 bilder "bild_3.jpg" och "bild_4.jpg". När man klickar så växlas en annan bild till att bli "bild_1.jpg" om man klickar på "bild_3.jpg" och "bild_2.jpg" när man klickar på "bild_4".jpg.

Hur ska det bli... får inte riktigt till det.

(kom igen wF, visa att ni knäcker den här på 5 minuter) ;)

testar lite med detta

<script type="text/javascript">
function rollover(image) {
     document.getElementById("image1").src=image;
}</script>

<img border="0" id="image1" src="images/<%=RecSet("bild1")%>">

<img border="0" src="images/3bt151_3.jpg" onClick="rollover('images/<%=RecSet("bild2")%>"')">

funkar dock inte, vad är problemet...

<script type="text/javascript">
function rollover(image) {
     document.getElementById("image1").src=image;
}</script>

<img border="0" id="image1" src="images/<%=RecSet("bild1")%>">

<img border="0" src="images/3bt151_3.jpg" onClick="rollover('images/<%=RecSet("bild2")%>')">

ett extra " var felet :)