udskift billede når musen kører over

<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
    <td>
        <img height="50" src="http://www.because-test.dk/img/images/andyrouse.jpg" onmouseover="visPic('http://www.because-test.dk/img/images/andyrouse.jpg')"><br>
        <img height="50" src="http://www.because-test.dk/img/images/ar0104-3.jpg" onmouseover="visPic('http://www.because-test.dk/img/images/ar0104-3.jpg')"><br>
        <img height="50" src="http://www.because-test.dk/img/images/Poster_203.jpg" onmouseover="visPic('http://www.because-test.dk/img/images/Poster_203.jpg')"><br>
    </td>
    <td><div id="bigPic"></div></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function visPic(fPic)
{
    document.getElementById("bigPic").innerHTML = "<img src='"+ fPic +"'>"
}
//-->
</SCRIPT>

hej fennec
jeg har prøvet at få det til at virke men det driller. problemet er at jeg samtidigt skal skalere billederne så de ikke bliver for store.

her er min kode:

java script:
<script language="javascript">

    function vis(b)
    {
        for (i = 1; i <= 3; i++)
        {
            var navn = "b" + i;
//            alert(navn);
//            alert(document.getElementById(navn + "_div").src);
if(document.getElementById(navn + "_div")){
            document.getElementById(navn + "_div").style.display = "none";
            document.getElementById(navn + "_img").style.display = "none";}
        }
        var navn2 = "b" + b;
        document.getElementById(navn2 + "_div").style.display = "block";
        document.getElementById(navn2 + "_img").style.display = "block";
    }

</script>


ASP:
<div id="b1_div" style="display:block;"><img src="img/images/<%=rsSpecific("Filename")%>" alt="<%=rsSpecific("Title")%>" id="b1_img" <%=ImageResize(server.mappath("img/images") &"/" & rsSpecific("Filename"), 400, 400)%>></div>
           
                          <%
                          startrwN = 0
                          While Not rsShowCollectionImage.EOF
                          %>
                          <div id="b<%=startrwN%>_div" style="display:none;"><img src="img/images/<%=rsShowCollectionImage("Filename")%>" style="border:1px solid #cccccc;display:none;" id="b<%=startrwN%>_img" <%=ImageResize(server.mappath("img/images") &"/" & rsShowCollectionImage("Filename"), 400, 400)%>></div>
                          <%
                          startrwN = startrwN + 1
                          rsShowCollectionImage.MoveNext()
                          Wend
                          %>           
           
        </div>
        <div id="collection_specific_imagelist">
          <%
          startrw = -1
While ((Repeat1__numRows <> 0) AND (NOT rsCollectionImages.EOF))
%>
            <img src="img/images/<%=rsCollectionImages("Filename")%>" onMouseOver="java script:vis(<%=startrw+1%>);" onMouseOut="java script:vis(1);" alt="<%=rsSpecific("Title")%>" <%=ImageResize(server.mappath("img/images") &"/" & rsCollectionImages("Filename"), 100, 80)%> style="padding-bottom:5px;" ><br>
            <%
            startrw = startrw + 1
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  rsCollectionImages.MoveNext()
Wend
%>

det er som om den ikke 'tømmer' containeren når den smider et nyt billede op

Du har gjort det alt for indviklet for dig selv. Du har en masse <div><img> som du viser/skjuler. Det er nemmere bare at "overskrive" indholdet af en div med et nyt billed, som jeg også har gjort i mit eks.

Hvad gør din ImageResize() funktion??

i got it working :)

jubiiiiiiiiiiii
damn det holdt hårdt

ImageResize() resizer billedet til en max bredde eller højde på 400 pixels - så billedet altid vises i de rigtige dimensioner men ikke større end det kan være indenfor rammen ;)