Preloading Page PhP
Hey Eksperter.Min ven har lavet denne hjemmeside.
og han ville gerne have jeg skal lave en Preloading page så der stå loading før man kommer frem til siden.
Mit probelm er bare at jeg ik lige kan finde ud af det hehe.
så jeg tænkte måske er der nogle her inde som kan finde ud af det og hjælpe ham!.
Fra Michael Thyrring
Taak
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Photography.</title>
<link href="css/atreju.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/popup.js"></script>
</head>
<body>
<div id="container">
<img src="img/banner.gif" width="718" height="93" alt="" border="0" align="">
<script language="JavaScript1.2" type="text/javascript">
var slideshow_width='718px' //SET IMAGE WIDTH
var slideshow_height='477px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
fadeimages[0]="images/concerts/1.jpg"
fadeimages[1]="images/concerts/2.jpg"
fadeimages[2]="images/concerts/3.jpg"
fadeimages[3]="images/concerts/4.jpg"
fadeimages[4]="images/concerts/5.jpg"
fadeimages[5]="images/concerts/6.jpg"
fadeimages[6]="images/concerts/7.jpg"
fadeimages[7]="images/concerts/8.jpg"
fadeimages[8]="images/concerts/9.jpg"
fadeimages[9]="images/concerts/10.jpg"
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
<p class="contact">Bands: Skarpretter, Virgin suicide and Arrigt antræk.<br>
<a href="http://www.Pixelstorm.dk" class="mail">Thanks to pixstm</a> and <a href="http://www.simonkonyher.dk" class="mail">simon konyher</a>.<br>
<class="contact">All photographs copyright © <a href="mailto:admin@atreju.dk?subject=atreju.dk - photos." class="mail">Jacob Christensen</a>
</p>
</p>
<br>
</div>
</div>
</body>
</html>
