Trådstart 19 mars 2006 16:42 #1 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