PDA

View Full Version : Dynamic Splash Screen W/ Images & On Yahoo Geocities Hosting



soulslave671
07-08-2005, 08:38 AM
Script: DD Dynamic Splash Scree
http://www.dynamicdrive.com/dynamicindex3/dynamicsplash.htm
--------------------------------------------------------------------
Link To Site Containg Problem:
http://www.geocities.com/soulslave671/index.html
--------------------------------------------------------------------
Script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title>//JAYTON"S WORLD...</title>
</head>

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


<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://www.geocities.com/soulslave671/myworldsplash.jpg")
//configure delay in miliseconds between each message (default: 3 seconds)
var intervals=3000
//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://www.geocities.com/soulslave671/myworldsplash.jpg"> WELCOME TO MY WORLD...'
splashmessage[1]='SEE EVERYTHING THROUGHT MY EYES...'
splashmessage[2]='OR WELL THROUGH MY WORDS ANYWAY...'
splashmessage[3]='PLEASE FEEL FREE TO LEAVE A MESSAGE...
splashmessage[4]='THIS SITE IS STILL BEING PIECED TOGETHER...
splashmessage[5]='MUSIC & PICS COMING SOON...<br> <font size=3>P.S. THIS IS NOT MY XANGA PAGE... U'VE BEEN DIRECTED TO THIS NEW SITE I BUILT...</font></br>'


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.geocities.com/soulslave671/home.html"><font color="#FFFFFF">SKIP THIS...</font></a> ]
</td>
</table>
</div>


</body>
</html>



--------------------------------------------------------------------
Problem:

I Have Read Some Other Posts Concerning Splash Screen Errors & I Either Didnt Do It Correctly Or Its Not Working...

I Did Read The Post With The Script That Works On Yahoo Geocities Websites, But That Code Still Wont Show Any Messages... I Have Used The Script Straight From DD's Dynamic Splash Page... And That Did Not Work Either... So If I Can't Get Either Of The Scripts Posted ( The Original DD Script, And The One Here http://www.dynamicdrive.com/forums/archive/index.php/t-2322.html
By:"jscheuer1"


So I Was Wondering If It Was Because I Was Using A Picture Or Because I'm Viewing It On IE 6(6.0.2900.2180 to be exact)

So Could Someone Please Help... I Know This Question Has Been Asked Before But The Solutions Havent Worked For Me..

Thanks In Advance For Any Help... :)

jscheuer1
07-08-2005, 09:06 AM
You had a number of syntax errors, items in the array not having a closing single quote (') ex:

splashmessage[3]='PLEASE FEEL FREE TO LEAVE A MESSAGE...and an unescaped single quote in an array item:


splashmessage[5]='MUSIC & PICS COMING SOON...<br> <font size=3>P.S. THIS IS NOT MY XANGA PAGE... U'VE BEEN DIRECTED TO THIS NEW SITE I BUILT...</font></br>'It should be U\'VE not U'VE. But perhaps the most glaring problem is that you forgot to include:
<div id="splashcontainer" style="position:absolute;width:350px;"></div>

<layer id="splashcontainerns" width=450></layer>after the body tag and before the script begins. I took care of all that and threw in the conversion to make it Geocities friendly:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title>//JAYTON"S WORLD...</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://www.geocities.com/soulslave671/myworldsplash.jpg")
//configure delay in miliseconds between each message (default: 3 seconds)
var intervals=3000
//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://www.geocities.com/soulslave671/myworldsplash.jpg"> WELCOME TO MY WORLD...'
splashmessage[1]='SEE EVERYTHING THROUGH MY EYES...'
splashmessage[2]='OR WELL THROUGH MY WORDS ANYWAY...'
splashmessage[3]='PLEASE FEEL FREE TO LEAVE A MESSAGE...'
splashmessage[4]='THIS SITE IS STILL BEING PIECED TOGETHER...'
splashmessage[5]='MUSIC & PICS COMING SOON...<br> <font size=3>P.S. THIS IS NOT MY XANGA PAGE... U\'VE BEEN DIRECTED TO THIS NEW SITE I BUILT...</font></br>'


var closingtags='</font>'

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

var xdt=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 (xdt<splashmessage.length){
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[xdt]+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"
xdt++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash()",intervals)
}

function displaysplash_ns(){
if (xdt<splashmessage.length){
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage[xdt]+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"
xdt++
}
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.geocities.com/soulslave671/home.html"><font color="#FFFFFF">SKIP THIS...</font></a> ]
</td>
</table>
</div>


</body>
</html>Now all you need to do is configure the actual destination URL. Enjoy!

soulslave671
07-08-2005, 10:00 AM
Ok John Thanks :) ... Ill Give It A Shot...
Im Still A Novice @ HTML Codes & DHTML...
So Thanks And Ill Need To Watch For Thosw Little Errors..