Splash page shows some parts of the destination page

**aflynt** · 10-08-2012, 06:23 PM

1) Script Title: Splash Page script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...amicsplash.htm

3) Describe problem:

The splash page works fine but I can see parts of the destination site, ubabasket.com/index.php like the main menu and some text and images.
The site is ubabasket.com. The splash page file name is ubabasket.com/welcome.html. The content management system is joomla 2.5
I have included splashpage.js in the head of index.php. Here are my settings:

Code:

var splashpage={
// Splash Page Script Activation (1=enabled, 0=completely disabled!)
splashenabled: 1,

//1) URL to file on your server to display as the splashpage
splashpageurl: "http://ubabasket.com/welcome.html",

//2) Enable frequency control? (1=yes, 0=no)
enablefrequency: 1,

//3) display freqency: "sessiononly" or "x days" (string value). Only applicable if 3) above is enabled
displayfrequency: "1 days",

//4) HTML for the header bar portion of the Splash Page
// Make sure to create a link that calls "javascript:splashpage.closeit()")
// An IE bug means you should not right align any image within the bar, but instead use "position:absolute" and the "right" attribute

defineheader: '<div style="padding: 5px; color: white; font: bold 16px Verdana; background: black url(blockdefault.gif) center center repeat-x;"><a style="position:absolute; top: 2px; right: 5px" href="javascript:splashpage.closeit()" title="Skip to Content"><img src="skip.gif" border="0" width="114px" height="23px" /></a></div>',

//5) cookie setting: ["cookie_name", "cookie_path"]
cookiename: ["splashpagecookie", "path=/"],

//6) Auto hide Splash Page after x seconds (Integer value, 0=no)?
autohidetimer: 8,


here is the markup for welcome.html:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UBA - More than just a League</title>
<style type="text/css">
body{
	background-position:center;
	
	
}
img
{
	
position:absolute;
left:0px;
top:0px;
width:100%;
}


</style>
</head>

<body>



<img src="images/uba splash.jpg" height="750">

</body>
</html>

Thanks.