//<script language="JavaScript" type="text/javascript">
//<!--

// so einbinden:
//<script type="text/javascript" src="img.js"></script>

  function newImage(src)
  {
    if (!document.images) return false;

    // image() akzepztiert optional (width, height)
    var r = new Image();
    r.src = src;
    return r;
  }

  // ändert Bilder
  // 1. Param = Name des Bildes (=Name im IMG-Tag)
  // 2. Param = Adresse des neuen Bildes
  function changeImageSrc()
  {
    if (!document.images) return false;

    for (var i=0; i < changeImages.arguments.length; i+=2)
    {
      document[changeImageSrc.arguments[i]].src = changeImageSrc.arguments[i+1];
    }
    return true;
  }

  function changeImageObj()
  {
    if (!document.images) return false;

    for (var i=0; i < changeImageObj.arguments.length; i+=2)
    {
      document[changeImageObj.arguments[i]].src = changeImageObj.arguments[i+1].src;
    }
    return true;
  }


  // wenn man es "universell" nutzt, braucht man das nicht !?
  function preloadImages()
  {
    if (!document.images) return false;

    // hier müssen jeweils die Bilder geladen werden

    bild1 = newImage("/path/to/bild1.gif");
    return true;
  }

//-->
//</script>