Filmpje laad eerst..

door **Pangea** » 29 okt 2005 18:10

Ik heb een vraag.
Ik heb een script gevonden dat eerst de afbeeldingen laad van een pagina, en daarna gelijk doorweist naar die pagina (waar al die images op staan).
Kan dit ook met een .wmv bestand?
[syntax="html"]
<HTML>
<HEAD>
<title>Laden van afbeeldingen...</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="stylesheet.css" />
<SCRIPT>

///////////////////////////////////////////////
// plaats hier de locatie van je afbeeldingen //
///////////////////////////////////////////////
var pics = new Array("http://www.blablabla.nl/bla.jpg");

///////////////////////////////////////////////////
// Vul hier de url in die geopend moet worden na het laden//
///////////////////////////////////////////////////
var url = "http://www.blablabla.nl";

////////////////////////////////////////////////////
// de bezoeker vragen of deze door wil gaan naar de volgende pagina? //
////////////////////////////////////////////////////
var doConfirm = true;

////////////////////////////////////
// de bezoeker de mogelijkheid geven om het laden over te slaan? //
////////////////////////////////////
var canSkip = true;

var imgObjs = new Array(pics.length);
var loaded = 0;
var total = pics.length;
var cPercent = 0;

var barLayer = null;
var percentLayer = null;
var statLayer = null;
var doneMsgLayer = null;

function getLayer(layerID) {
if (document.getElementById)
return document.getElementById(layerID);
else if (document.all)
return document.all[layerID];
else
return null;
}

function updateBar() {
statLayer.innerHTML = "<font face=\"Arial\" color=\"#FFFFFF\"><B>" +loaded+ "/" +total+ "</B></font>";
var percent = Math.round(loaded/total * 100);
if (cPercent != percent)
{
cPercent = percent;
barLayer.style.width = (cPercent*3) +"px";
percentLayer.innerHTML = "<font color=\"#BBBB00\"><B>" +cPercent+ "%</B></font>";
}
if (loaded == total)
{
doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font face=\"Arial\" color=\"#FFCC00\" size=\"2\"><B>Klaar! (Klik hier)</B></font></a>";
if (doConfirm && confirm("De afbeeldingen zijn geladen, doorgaan naar de volgende pagina?"))
done();
}
}

function startLoading() {
if (document.getElementById || document.all)
{
barLayer = getLayer("bar");
percentLayer = getLayer("percent");
statLayer = getLayer("stat");
doneMsgLayer = getLayer("doneMsg");
if (canSkip)
doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font color=\"#FFCC00\" size=\"2\" face=\"Arial\">Het laden overslaan</font></a>";
for (i=0; i<pics.length; i++)
{
imgObjs[i] = new Image();
imgObjs[i].onload = imgLoaded;
imgObjs[i].onerror = imgFailed;
imgObjs[i].src = pics[i];
}
}
else
{

window.location.replace(url);
}
}

function done() {
parent.window.location.replace(url);
}

function imgFailed() {
alert("De afbeelding die geladen moest worden werkt niet, waarschijnlijk een gebroken link:\n" +this.src+ "\nNeem aub contact op met de webmaster van deze site. Het programma slaat deze afbeelding nu over.");
loaded++;
updateBar();
}

function imgLoaded() {
loaded++;
if (loaded>pics.length)
return
updateBar();
}

window.onload=startLoading

</SCRIPT>

</HEAD>

<BODY>

<center><FONT face=Arial size=4>De afbeeldingen worden geladen. Even geduld aub...</FONT></center>

<DIV id=bg
style="LEFT: 200px; WIDTH: 300px; POSITION: absolute; TOP: 50px; HEIGHT: 20px; BACKGROUND-COLOR: #dddddd"></DIV>
<DIV id=bar
style="LEFT: 200px; WIDTH: 1px; POSITION: absolute; TOP: 50px; HEIGHT: 20px; BACKGROUND-COLOR: #000000"></DIV>
<DIV id=percent style="LEFT: 330px; POSITION: absolute; TOP: 50px"><FONT
color=#bbbb00><B>0%</B></FONT></DIV>
<DIV id=stat style="LEFT: 520px; POSITION: absolute; TOP: 50px">
<FONT face=Arial
color=#808080><B>0/0</B></FONT></DIV>
<DIV id=doneMsg style="LEFT: 620px; POSITION: absolute; TOP: 50px"></DIV>

<br><br><br>


</BODY></HTML>

[/syntax]

door **Rik** » 29 okt 2005 20:29

door **Derk** » 29 okt 2005 21:37

door **KillerSponge** » 29 okt 2005 23:25

Sterker nog: als er na 3 seconden niets gebeurt, klikt 30% van de bezoekers de site alweer weg.

door **Pangea** » 10 nov 2005 21:10

door **Derk** » 10 nov 2005 21:52

door **Anthony** » 11 nov 2005 10:28

door **Derk** » 11 nov 2005 14:04

wat je zou kunnen doen is een filmpje laden en niet afspelen. Het filmpje geef je de grootte van 1X1 en je zet er een layer over. Dan word het filmpje geladen. Als je al je filmpje sop die manier op alle pagina's zet zou het filmpje waarschijnlijk geladen zijn als je eraan toe bent het te bekijken.

't is maar een idee ik weet niet of het gaat werken