[JS] Afbeeldingen inladen -> 'laden' voorkomen - Softwareontwikkeling

vrijdag 5 mei 2006 18:11

Acties:

Verwijderd

Topicstarter

Als ik onderstaande code uitvoer blijft de browser iedere keer 1 seconde of wat 'laden' als het afspelen weer opnieuw begint. Ik vraag me af of je een dergelijk 'laden' kunt voorkomen. Zoals jullie kunnen zien maakt het niets uit of de betreffende afbeeldingen gepreload zijn.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
    var images = [];
    images[0] = new Image();
    images[0].src = "http://umbra.nascom.nasa.gov/images/latest_eit_195.gif";
    images[1] = new Image();
    images[1].src = "http://umbra.nascom.nasa.gov/images/latest_eit_284.gif";
    images[2] = new Image();
    images[2].src = "http://umbra.nascom.nasa.gov/images/latest_eit_304.gif";
    images[3] = new Image();
    images[3].src = "http://150.144.30.154/~gurman/images/sxi/images/latest_sxi_pthnb.gif";

    function rotate(i)
    { 
        var e = document.getElementById("test");
        e.src = images[i].src;
        i > 2 ? i = 0 : i++;
        setTimeout("rotate(" + i + ")", 1000);
    }
</script>
</head>

<body onload="rotate(0)">
    [img]"http://umbra.nascom.nasa.gov/images/latest_eit_171.gif"[/img]
</body>
</html>

vrijdag 5 mei 2006 19:51

Acties:

André

Analytics dude

Zo krijg ik het niet:

JavaScript:

<script type="text/javascript">
  var images = [];
  images[0] = new Image();
  images[0].src = "http://umbra.nascom.nasa.gov/images/latest_eit_195.gif";
  images[1] = new Image();
  images[1].src = "http://umbra.nascom.nasa.gov/images/latest_eit_284.gif";
  images[2] = new Image();
  images[2].src = "http://umbra.nascom.nasa.gov/images/latest_eit_304.gif";
  images[3] = new Image();
  images[3].src = "http://150.144.30.154/~gurman/images/sxi/images/latest_sxi_pthnb.gif";

  var i = 0;
  function rotate()
  { 
      var e = document.getElementById("test");
      e.src = images[i].src;
      i++;
      if (i > 2) { i = 0; }
      setTimeout("rotate()", 1000);
  }
</script>

maandag 8 mei 2006 10:44

Acties:

Verwijderd

Topicstarter

Perfekt! Hartelijk bedankt!