DYNAMIC SPLASH SCREEN

Yes, you may have seen splash screen effects before, but never one constructed using a single page only...until now, that is. One great feature of DHTML is its ability to render new text on a page without having to reload or go to a whole new page altogether. With that in mind, this DHTML script allows you to set up a splash screen effect through only one page, regardless of the number of messages you wish to have "splashed." The messages are automatically centered on the page by the script. Once the effect is completed, the script then navigates to the URL of your choice. Definitely a useful- and now equally convenient to setup- creation!

 » This script was made possible by: Dynamic Drive !
 » Note that when browsers other than IE 4+/ NS 4+ view the splash page, they will be directly taken to the destination URL (downgrades gracefully).

EXAMPLE

HIT YOUR BROWSER'S BACK BUTTON TO VIEW EFFECT AGAIN.
CODE (s)

==========================================================

Step 1: Simply copy the below code, and save it as a separate html document. This is the splash page.

<html>

<head>
<title>Intro Screen...</title>
</head>

<body bgcolor="#000000" text="#FFFFFF">

<div id="splashcontainer" style="position:absolute;width:350px;"></div>

<layer id="splashcontainerns" width=450></layer>


<script>

/*
Dynamic Splash Screen effect- © Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit http://dynamicdrive.com
*/

//Specify the paths of the images to be used in the splash screen, if any.
//If none, empty out array (ie: preloadimages=new Array())
var preloadimages=new Array("http://abstract.simplenet.com/point.gif","http://abstract.simplenet.com/point2.gif")
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=2000
//configure destination URL
var targetdestination="http://www.dynamicdrive.com/dynamicindex3/dynamicsplash.htm"

//configure messages to be displayed
//If message contains apostrophe('), backslash them (ie: "I\'m fine")

var splashmessage=new Array()
var openingtags='<font face="Arial" size="4">'
splashmessage[0]='<img src="http://abstract.simplenet.com/point.gif"> Welcome to Dynamic Drive <img src="http://abstract.simplenet.com/point2.gif">'
splashmessage[1]='The primier place on the net for free DHTML scripts'
splashmessage[2]='All scripts on this site take advantage of the latest in JavaScript/ DHTML technology'
splashmessage[3]='With emphasis on practicality and backwards compatibility'
splashmessage[4]='To bring true power and interactivity to your site.'
splashmessage[5]='Please stand by...'
var closingtags='</font>'

//Do not edit below this line (besides HTML code at the very bottom)

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[i]+closingtags+'</center></b>'
sc_cross.style.left=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[i]+closingtags+'</b>')
sc_ns.document.close()

sc_ns.left=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="bottom" align="right">
[ <a href="http://www.dynamicdrive.com/dynamicindex3/dynamicsplash.htm"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>


</body>
</html>

==========================================================

 » Be sure to configure the variables as directed by the documentation inside...

==========================================================
MAIN
Hosted by www.Geocities.ws