<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Zamiana obrazów</title>
    <!-- Skrypt pochodzi z książki
        "Dynamiczny HTML. 101 praktycznych skryptów"  -->
    <!-- autor: Marcin Lis       http://marcinlis.com -->
    <script type="text/javascript">
      function zmieńObraz(obraz, nazwa)
      {
        if(!obraz || !nazwa) return;
        obraz.src = nazwa;
      }
      var obraz = new Image();
      obraz.src = "obraz1on.png";
      obraz.src = "obraz1off.png";
    </script>
  </head>
<body>
  <div id="mainDiv">
    <img src="obraz1off.png" alt="opis obrazu" 
         onmouseover="zmieńObraz(this, 'obraz1on.png');"
         onmouseout="zmieńObraz(this, 'obraz1off.png');"
    />
  </div>
</body>
</html>
