Hey Folks......I have a Splash Introduction to my website (Thanks to dynamicdrive.com for the script_ and would love for the images to fade into each other....I've seen it done elsewhere......I just have No clue how. For anyone interested my current code is....
Quote:
<html>
<head>
<title>Project Save</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- by Dynamic Drive (www.dynamicdrive.com)
//For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
//Visit http://www.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("point.gif","point2.gif")
//configure delay in miliseconds between each message (default: 2.5 seconds)
var intervals=4000
//configure destination URL
var targetdestination="http://www.freewebs.com/projectsave/index.html"
//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://img.photobucket.com/albums/v322/WAStudent/eagle1.jpg">'
splashmessage[1]='<img src="http://img.photobucket.com/albums/v322/WAStudent/people1.jpg">'
splashmessage[2]='<img src="http://img.photobucket.com/albums/v322/WAStudent/sunset1.jpg">'
splashmessage[3]='<img src="http://img.photobucket.com/albums/v322/WAStudent/people2.jpg">'
splashmessage[4]='<img src="http://img.photobucket.com/albums/v322/WAStudent/flower1.jpg">'
splashmessage[5]='Their is something more than us...'
splashmessage[6]='Will you move?'
splashmessage[7]='Project: Hope<br>Anyone can save a life.'
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+splas hmessage[i]+closingtags+'</center></b>'
sc_cross.style.left=ns6?parseInt(window.pageXOffse t)+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+splashmessa ge[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("splashcontai ner"):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.freewebs.com/projectsave/index.html"><font color="#FFFFFF">Skip The Intro</font></a> ]
</td>
</table>
</div>
</body>
</html>
<center><span style="width: 100%; font-family: helvetica; font-size: 6px; Filter: Alpha(Opacity=0,FinishOpacity=0, Style=1);">
Design downloaded from <a href="http://www.freewebtemplates.com" style="font-family: helvetica; font-size: 6px;">FreeWebTemplates.com</a><br>
Free web design, web templates, web layouts, and website resources!
</span></center><br><br>
|
...Any insight would be appreciated. |
