JavaScript Forum

**goheadtry** · 04:05 AM

I haven't been in the webdesign seen for over a year and feel that I am becoming rusty, I want to add a slideshow for a background into my current page, I've tried a few times, yet I am having problems, it would be nice if someone could please show me how to do this, I want just the background to change no arrow images, no titles etc on the background just a changing picture, could some one show me what to do and how I could get this to work with all browsers I'm using google chrome. I just want a step by step with a tutorial for the following page, trying to get back into my love of design just having a few blanks.

The script I want to use:

Code:

http://www.dynamicdrive.com/dynamici...bgcarousel.htm

The page layout I have for universalpoolandspa.com

HTML Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Universal Pool and Spa: Top Spa &amp; Swimming Pool Contractors, Inground, Universal Group inc</title>
<meta name="keywords" content="swimming pools, california pools, Universal Group Inc, contractors, pools, California, swimming, pool builders, construction companies, swimming pool contractors, california, california pools and spas, pool builders, swimming pools california, california pool builders, pool contractors, california pool builders">
<meta name="robots" content="index, follow">
<style type="text/css">

html{
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
}
body {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: auto;
	text-align: center;
	background-image: url(background-index.JPG);
}
#bslide {
/*Remove below line to make bgimage NOT fixed*/
background-attachment:fixed;
background-repeat: no-repeat;
/*Use center center in place of 300 200 to center bg image*/
background-position: center;
}
</style>


<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

</head>

<body onLoad="MM_preloadImages('images/LOGO-ROLLOVER.png','images/Gallery-R.gif','images/SERVICES-R.gif','images/SAFETY-R.gif','images/FINISHES-R.gif','images/DESIGNS-R.gif','images/FAQS-R.gif','images/CONTACT-R.gif')">




<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50%" align="left"><a href="http://universalpoolandspa.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Universal Group Inc','','images/LOGO-ROLLOVER.png',1)"><img src="http://tycoontalk.freelancer.com/images/LOGO.png" alt="Universal Pool and Spa" name="Universal Group Inc" width="264" height="103" border="0" align="left"></a></td>
    <td width="50%" align="right"><img src="http://tycoontalk.freelancer.com/images/phone.png" alt="18009576657" width="300" height="93" align="right"></td>
  </tr>
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="navigation">
  <tr>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/gallery/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gallery','','images/Gallery-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/Gallery.gif" alt="Pool Image Gallery" name="gallery" width="133" height="33" border="0"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/pool-services/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('services','','images/SERVICES-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/SERVICES.gif" alt="Pool Services" name="services" width="133" height="33" border="0" id="services"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/pool-safety/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('SAFETY','','images/SAFETY-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/SAFETY.gif" alt="POOL SAFETY" name="SAFETY" width="133" height="33" border="0"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/pool-finishes/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('FINISHES','','images/FINISHES-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/FINISHES.gif" alt="POOL FINISHES" name="FINISHES" width="133" height="33" border="0"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/pool-designs/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('designs','','images/DESIGNS-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/DESIGNS.gif" alt="Gallery" name="designs" width="133" height="33" border="0" id="designs"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/benefits-and-faqs/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('FAQS','','images/FAQS-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/FAQS.gif" alt="Benefits and Faqs" name="FAQS" width="133" height="33" border="0" id="FAQS"></a></td>
    <td width="11%" align="center"><a href="http://universalpoolandspa.com/Contact-Universal/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/CONTACT-R.gif',1)"><img src="http://tycoontalk.freelancer.com/images/CONTACT.gif" alt="Gallery" name="contact" width="133" height="33" border="0" id="contact"></a></td>
  </tr>
</table>
<div></div>
<div class="pagecenterhome">
  <h1 class="h1text">Universal Group Inc</h1>
  <h2 class="h2text">Pool Contractor in Los Angeles, CA</h2>
  <h3 class="h3text">swimming pools, california pool contractor, Universal Group Inc, contractors, pools, California, swimming, pool builders, construction companies, swimming pool contractors, california, california pools and spas, pool builders, swimming pools california, california pool builders, pool contractors, california pool builder</h3>
  <p class="paragraphtext">Universal Group Inc is one of Los Angeles, Californias finest pool contractors, you might just say we are number one, we can provide you with the best hot tubs, spas, pools, pool services, and pool designs on the market. Let are pool engineers design you one of the best pools on the market, we can handle everything from design to contructing the final product, so contact our Universal Group Inc Pool construction company today.</p>
  <p>&nbsp;</p>
</div>
<div class="pagecenterhome" id="footer">
  <p><a href="http://www.la.bbb.org/business-reviews/General-Building-Contractors/Universal-Group-Inc-in-Woodland-Hills-CA-100018219" target="_new"><img src="http://tycoontalk.freelancer.com/images/bbb.gif" alt="Universal Group Inc is a BBB Accredited Business" border="0"></a></p>
  <p><a href="http://www.facebook.com/share.php?u=http%3A%2F%2Funiversalpoolandspa.com"><img src="http://bookmarkcraze.com/images/bookmarkcraze_Facebook.png" alt="Facebook" border="0"></a><a href="http://www.youtube.com?"><img src="http://bookmarkcraze.com/images/bookmarkcraze_youtube.png" alt="YouTube" border="0"></a> <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Funiversalpoolandspa.com&title=Universal%20Pool%20and%20Spa%2C%20Universal%20Group%20INC"><img src="http://bookmarkcraze.com/images/bookmarkcraze_Stumbleupon.png" alt="Stumbleupon" border="0"></a> <a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Funiversalpoolandspa.com&title=Universal%20Pool%20and%20Spa%2C%20Universal%20Group%20INC&ro=false"><img src="http://bookmarkcraze.com/images/bookmarkcraze_Linked_in.png" alt="Linked in" border="0"></a> <a href="http://del.icio.us/post?url1=http%3A%2F%2Funiversalpoolandspa.com&title=Universal%20Pool%20and%20Spa%2C%20Universal%20Group%20INC"><img src="http://bookmarkcraze.com/images/bookmarkcraze_del.icio.us.png" alt="del.icio.us" border="0"></a> <a href="http://www.bookmarks.cc/bookmarken.php?action=neu&url=http%3A%2F%2Funiversalpoolandspa.com&title=Universal%20Pool%20and%20Spa%2C%20Universal%20Group%20INC"><img src="http://bookmarkcraze.com/images/bookmarkcraze_Bookmarks.cc.png" alt="Bookmarks.cc" border="0"></a></p>
</div>

</body>
</html>

Forgot to mention:
I tried it and the backgrounds don't load that's why I'm asking.

**chrishirst** · 02-23-2012, 10:50 AM

Add Chris Pederick's web developer toolbar to Firefox or Chrome and look at the CSS errors first off.

**goheadtry** · 02-23-2012, 03:49 PM

I got it to work by removing all css, even when I start fresh with no errors, i want it to work on all divs, and show with all of them yet that is still not working? ARG

**julie9999** · 02-24-2012, 07:21 AM

thanks for sharing this information with me. this information will be very useful for me while doing programming