Mouseover med billeder

<img ... onmouseover="document.getElementById('celleB_billede').src='nogetAndet'"> ?-)

Øhh ... måske!

Kan du ikke lige uddybe bare lidt for en nybegynder som mig???

<ole>

Skriv dette i din <head></head>:

<script type="text/JavaScript">
function swap(id, imSrc) {
    document.getElementById(id).src = imSrc;
}
</script>

- så kan dine billeder se sådan ud:

<img id="hest" src="bla.gif">
<img src="noget.gif" onmouseover="swap('hest', 'bla2.gif')" onmouseout="swap('hest', 'bla.gif')">
<img src="noget.gif" onmouseover="swap('hest', 'bla3.gif')" onmouseout="swap('hest', 'bla.gif')">

Prøv at kopiere det ind i en fil, så du kan se, hvad der sker. Så kan du helt sikkert selv sætte det ind på din side.

/mvh
</bole>

Eller denne model ?

<!DOCTYPE HTML PUBLIC "demo">
<HTML>
<HEAD>
    <TITLE>demo</TITLE>
<meta name="Generator" content="Stone's WebWriter 4">
</HEAD>
<body bgcolor="#C0C0C0" text="#000000" link="#0000FF" vlink="#660066" alink="#FF0000">


<script>
function main(image)
{
var  x = document.getElementById("mainimage");
x.src = image;
}
</script>
<table width="100%" border="1" bgcolor="#f0f0f0" cellpadding="3">
<TR>
    <td> Flyt musen p&aring; minibilled for fotogalleri</TD>
</TR>
</TABLE>
     
      <TABLE HEIGHT="200" BORDER="0" ALIGN="center" CELLSPACING="8" CELLPADDING="0">
        <tr>
          <td width="100%" colspan="3" align="center" valign="top">
          <img id="mainimage" src="Troika.JPG" border="0" width="250"/></td>
        </tr>
        <tr>
          <td width="33%" align="center" valign="top">
          <img src="Troika.JPG" alt="" border="0" onmouseover="main('Troika.JPG')" width="68" height="51" /></td>
          <td width="33%" align="center" valign="top">
          <img src="003.JPG" alt="" border="0" onmouseover="main('003.JPG')" width="68" height="51" /></td>
          <td width="34%" align="center" valign="top">
          <img src="004.JPG" alt="" border="0" onmouseover="main('004.JPG')" width="68" height="51" /></td>
        </tr>
        <tr>
          <td width="33%" align="center" valign="top">
          <img src="005.JPG" alt="" border="0" onmouseover="main('005.JPG')" width="68" height="51" /></td>
          <td width="33%" align="center" valign="top">
          <img src="006.JPG" alt="" border="0" onmouseover="main('006.JPG')" width="68" height="51" /></td>
          <td width="34%" align="center" valign="top">
          <img src="007.JPG" alt="" border="0" onmouseover="main('007.JPG')" width="68" height="51" /></td>
        </tr>
        </table>
        <TABLE HEIGHT="200" BORDER="2" ALIGN="center" CELLSPACING="0" CELLPADDING="0">
    <tr>
   
</BODY>
</TABLE>
</HTML>

Fantastisk.

Det gav mening. Det var vel nok egentlig også det du skrev roenving??? Kan I ikke lige smide to svar så jeg kan give Jer nogle point?

... og der er ingen browsere der ikke kan finde ud af at vise det korrekt?

ibtage >>> Det er vel i bund og grund det samme som olebole?

Vi har begge uddybet roenvings ... blot med en anelse anden 'make-up'  :)

Jeps. Se venter jeg bare på et svar fra roenving. :)

-- og hvis man virkelig gør, som ibtage skitserer (altså bruger helt det samme billede til både thumbnails og visning !-) kan man gøre det en hel del nemmere at skrive:

          <td width="33%" align="center" valign="top">
          <img src="005.JPG" alt="" border="0" onmouseover="main(this.src)" width="68" height="51" /></td>

-- for så kan samme onmouseover bare pastes ind i samtlige img-tags, eller man kan bare kopiere første udgave og kun ændre i src-attributten inklusive td osv. !-)

-- og tak for jeres uddybninger, jeg blev lige fanget af et par stykker brød og en diskussion om tabeller !-)

Velbekomme, pesa '-)

-- og tak for point ;~}

... hvem gider dog diskutere tabeller?  0:)