Vis et billed ved siden af icon ved at holde musen henover iconen

http://www.bosrup.com/web/overlib/

jeg har engang for år tilbage lavet det i en tabel på denne måde

    <td rowspan="5" width="200" align="center">
    <input type="image" id="billed" src="images/ansigt1.jpg">
    </td>
    <td onMouseOver="document.getElementById('billed').src = 'images/packday.jpg';">

når cursor var over 2. felt i tabellen, så skiftede det første felt til billede af varen.
Så du skal have en id på dit første billede - og javascriptet i din <span> omkring <a href...
Og husk at sætte størrelse på <img...> så siden ikke hopper når der skiftes billede.
Du kan også have en onMouseOut hvor du nulstiller billedet (fx indsætter en gif uden noget andet en en gennemsigtig baggrund)

Kan du hjælpe med at lægge koderne ind i mit script.
Jeg er ikke expert nok til at kunne gøre det.

<img alt="" src="icons/accept.png" id="minikon" class="style9" height="20" width="20" /></a>
                Tekst1.......
                <span style="font-size:10.0pt;font-family:Arial;" class="style2">
                Tekst2.......... Low vol./ high mix</span><br>
                </span><font size="2" class="style2">
                <span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = 'icons/arrow_refresh.png';"  onMouseOut="document.getElementById('minikon').src = 'icons/accept.png';">
                <a href="../Side2/nyside.aspx" >her</a></span>

husk lige at rette de to billeder til, hhv
icons/accept.png  (er der 2 gange)
og
icons/arrow_refresh.png
det var bare til min test af, at det virker.

Hej
Det virker "næsten" men:

Billed5.jpg der er 200x300 px vises i iconen Link.jpg i størrelse 20 x 20
Kunne du hjælpe med at få den vist 200x300 - helst ved siden af iconen

Tekst....<br>
</span></font>
<span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = '../Images/Billeder/Billed5.jpg' ;
"onMouseOut="document.getElementById('minikon').src = 'Images/Link.jpg';">
             
<a href="../Sider/Nyside.aspx">
<img alt="" class="style9" height="20" src="Images/Link.jpg" id="minikon" width="20" /></a>

så vil billedet/siden hoppe pga nyt layout.
Jeg har lavet det for en ved at lave alle billeder i samme størrelse - dvs jeg tog det største, og med ms-paint satte de andre til samme mål (der kom så en del hvid baggrund med).

Du kan løse det ved at lave et 'tomt' billede på 200*300px - bare med en gif med transperant farve. Men det felt vil så være der for alle links. Dvs noget som

<img alt="" src="icons/accept.png" id="maxikon" class="style9" height="300" width="200" /><img alt="" src="icons/accept.png" id="minikon" class="style9" height="20" width="20" /></a>
                Tekst1.......
                <span style="font-size:10.0pt;font-family:Arial;" class="style2">
                Tekst2.......... Low vol./ high mix</span><br>
                </span><font size="2" class="style2">
                <span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = 'icons/arrow_refresh.png';"  onMouseOut="document.getElementById('minikon').src = 'icons/accept.png';">
                <a href="../Side2/nyside.aspx" >her</a></span>


stykket til alle skal så være
                <span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = 'icons/arrow_refresh.png';document.getElementById('maxikon').src = 'icons/accept.png';" onMouseOut="document.getElementById('minikon').src = 'icons/accept.png';document.getElementById('maxikon').src = 'icons/accept.png';">
og nede ved billede5 skal du i stedet bruge
stykket til alle skal så være
                <span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = 'icons/accept.png';document.getElementById('maxikon').src = 'detstorebillede.png';" onMouseOut="document.getElementById('minikon').src = 'icons/accept.png';document.getElementById('maxikon').src = 'icons/accept.png';">

hvis du så har en
icons/accept.png
på fx 10*10 og gennemsigtig - så skulle den nulstille.
husk lige at rette
detstorebillede.png
til billede5

Hej - lige ensidste ting. Det er egentlig fint, men alle billeder er lige store. Kan det ikke laves så hver billed har den induviduelle størrelse?
Se mine koder her. Måske har jeg alligevel lavet det forkert

<span style="font-family: Arial" onMouseOver="document.getElementById('minikon').src = 'Images/Link.jpg';document.getElementById('maxikon').src = '../Billed5.jpg';" onMouseOut="document.getElementById('minikon').src = 'Images/Link.jpg';document.getElementById('maxikon').src = 'Images/Baggrundsbilled/Tom_400_500.gif';">
<a href="../xxx.aspx">
<img alt="" src="Images/Baggrundsbilled/Tom_400_500.gif" id="maxikon" class="style3" height="405" width="491" style="z-index: 2; position: absolute; top: 48px; left: 474px" />
<img alt="" src="Images/Link.jpg" id="minikon" class="style9" height="20" width="20" /></a>
Tekst</span>

du kan godt fjerne størrelsen, men så er det, jeg tror, siden vil hoppe ved skift af billeder
på
<img alt="" src="Images/Baggrundsbilled/Tom_400_500.gif" id="maxikon" class="style3" height="405" width="491"
fjerner du height="405" width="491"
og på
<img alt="" src="Images/Link.jpg" id="minikon" class="style9" height="20" width="20"
fjerner du tilsvarende height="20" width="20"

Hej

Det virker. Billederne hopper ikke. Tak for hjælpen