Tulos

Kuva # 1 Tähän on venytetty spaceri (1 x 1 läpinäkyvä GIFfi)
Kuva # 2
Kuva # 3
Kuva # 4

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
{
     alt0 = new Image(1,1);
     alt0.src = "../kuvat/spacer.gif";

     alt1 = new Image(300,211);
     alt1.src = "../kuvat/iso1.gif";

     alt2 = new Image(300,211);
     alt2.src = "../kuvat/iso2.gif";

     alt3 = new Image(300,211);
     alt3.src = "../kuvat/iso3.gif";

     alt4 = new Image(300,211);
     alt4.src = "../kuvat/iso4.gif";

     Kuva1= new Image(60,42);
     Kuva1.src = "../kuvat/pieni1.gif";

     Kuva2= new Image(60,42);
     Kuva2.src = "../kuvat/pieni2.gif";

     Kuva3= new Image(60,42);
     Kuva3.src = "../kuvat/pieni3.gif";

     Kuva4= new Image(60,42);
     Kuva4.src = "../kuvat/pieni4.gif";
     }

     function VaihdaK(picT,picN) {
     {
     document.images[picT].src = eval(picN + ".src");
     }
     }</script>

Tämä tulee BODY-osastoon

    <table border="0" width="500" align="center"
 summary="Kuvien asemointitaulukko.">
      <tr>
        <td width="100" height="100">
          <a href="javascript:void('0');"
 onmouseover="VaihdaK('Xkohde','alt1');
 window.status='1. kuva';return true;"
 onmouseout="VaihdaK('Xkohde','alt0');
 window.status='';"><img border="0"
 src="../kuvat/pieni1.gif" width="60" height="42" alt="Kuva # 1" /></a> 
        </td>
        <td width="400" height="400" rowspan="4" align="right">
          <img border="0" src="../kuvat/spacer.gif" width="300"
 height="211" name="Xkohde"
 alt="Tähän on venytetty spaceri (1 x 1 läpinäkyvä GIFfi)" /> 
        </td>
      </tr>
      <tr>
        <td width="100" height="100">
          <a href="javascript:void('0');"
 onmouseover="VaihdaK('Xkohde','alt2');
 window.status='2. kuva';return true;"
 onmouseout="VaihdaK('Xkohde','alt0');
 window.status='';"><img border="0"
 src="../kuvat/pieni2.gif" width="60" height="42" alt="Kuva # 2" /></a>
        </td>
      </tr>
      <tr>
        <td width="100" height="100">
          <a href="javascript:void('0');"
 onmouseover="VaihdaK('Xkohde','alt3');
 window.status='3. kuva';return true;"
 onmouseout="VaihdaK('Xkohde','alt0');
 window.status='';"><img border="0"
 src="../kuvat/pieni3.gif" width="60" height="42" alt="Kuva # 3" /></a>
        </td>
      </tr>
      <tr>
        <td width="100" height="100">
          <a href="javascript:void('0');"
 onmouseover="VaihdaK('Xkohde','alt4');
 window.status='4. kuva';return true;"
 onmouseout="VaihdaK('Xkohde','alt0');
 window.status='';"><img border="0"
 src="../kuvat/pieni4.gif" width="60" height="42" alt="Kuva # 4" /></a>
        </td>
      </tr>
    </table>
Weppipakin kotisivulle