I'm trying to get this intro splash screen to make the images centered in the screen. I've tried changing some values, adding a table, etc. with no luck. If you have any ideas, that would be great.
Thanks!!!
<html>
<head>
<title>Introduction</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<div id="splashcontainer" style="position:top;width:350px;"></div>
<layer id="splashcontainerns" width=450></layer>
<script>
//Specify the paths of the images to be used in the splash screen, if any.
var preloadimages=new Array("tourPic1.jpg","tourPic2.jpg", "tourPic3.jpg", "tourPic4.jpg", "tourPic5.jpg")
var intervals = 4000
var targetdestination="http://www.dynamicdrive.com"
var splashmessage=new Array()
var openingtags='<font face="BankGothic Md BT" size="5">'
splashmessage[0]='<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic1.jpg">'
splashmessage[1]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic2.jpg">'
splashmessage[2]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic3.jpg">'
splashmessage[3]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic4.jpg">'
splashmessage[4]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic5.jpg">'
splashmessage[5]='One moment please...'
var closingtags='</font>'
var i=0
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()
//preload images
if (document.images)
{
for (p=0;p<preloadimages.length;p++)
{
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}
function displaysplash()
{
if (i<splashmessage.length)
{
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage+closingtags+'</center></b>'
sc_cross.style.center=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility="visible"
i++
}
else
{
window.location=targetdestination
return
}
setTimeout("displaysplash()",intervals)
}
function displaysplash_ns()
{
if (i<splashmessage.length)
{
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage+closingtags+'</b>')
sc_ns.document.close()
sc_ns.center=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
i++
}
else
{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}
function positionsplashcontainer()
{
if (ie4||ns6)
{
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
displaysplash()
}
else if (ns4)
{
sc_ns=document.splashcontainerns
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer
</script>
<!--Set href in below link to the URL of the target destination-->
<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="top" align="right">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.dynamicdrive.com"><font color="#FFFFFF" size="1">Skip Intro</font></a>
</td>
</table>
</div>
/*Dynamic Splash Screen effect- ?Dynamic Drive (<!-- w --><a class="postlink" href="http://www.dynamicdrive.com">www.dynamicdrive.com</a><!-- w -->)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit <!-- m --><a class="postlink" href="http://dynamicdrive.com*/">http://dynamicdrive.com*/</a><!-- m -->
</body>
</html>
Thanks!!!
<html>
<head>
<title>Introduction</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<div id="splashcontainer" style="position:top;width:350px;"></div>
<layer id="splashcontainerns" width=450></layer>
<script>
//Specify the paths of the images to be used in the splash screen, if any.
var preloadimages=new Array("tourPic1.jpg","tourPic2.jpg", "tourPic3.jpg", "tourPic4.jpg", "tourPic5.jpg")
var intervals = 4000
var targetdestination="http://www.dynamicdrive.com"
var splashmessage=new Array()
var openingtags='<font face="BankGothic Md BT" size="5">'
splashmessage[0]='<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic1.jpg">'
splashmessage[1]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic2.jpg">'
splashmessage[2]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic3.jpg">'
splashmessage[3]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic4.jpg">'
splashmessage[4]='Some Text Here<img src=http://www.webdeveloper.com/forum/archive/index.php/"tourPic5.jpg">'
splashmessage[5]='One moment please...'
var closingtags='</font>'
var i=0
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()
//preload images
if (document.images)
{
for (p=0;p<preloadimages.length;p++)
{
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}
function displaysplash()
{
if (i<splashmessage.length)
{
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage+closingtags+'</center></b>'
sc_cross.style.center=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility="visible"
i++
}
else
{
window.location=targetdestination
return
}
setTimeout("displaysplash()",intervals)
}
function displaysplash_ns()
{
if (i<splashmessage.length)
{
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage+closingtags+'</b>')
sc_ns.document.close()
sc_ns.center=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
i++
}
else
{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}
function positionsplashcontainer()
{
if (ie4||ns6)
{
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
displaysplash()
}
else if (ns4)
{
sc_ns=document.splashcontainerns
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer
</script>
<!--Set href in below link to the URL of the target destination-->
<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="top" align="right">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.dynamicdrive.com"><font color="#FFFFFF" size="1">Skip Intro</font></a>
</td>
</table>
</div>
/*Dynamic Splash Screen effect- ?Dynamic Drive (<!-- w --><a class="postlink" href="http://www.dynamicdrive.com">www.dynamicdrive.com</a><!-- w -->)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit <!-- m --><a class="postlink" href="http://dynamicdrive.com*/">http://dynamicdrive.com*/</a><!-- m -->
</body>
</html>