Random Background

**nick019** · 03-24-2006, 05:18 AM

Hi,
I was just wondering if anybody knew how the backgrounds on Popstar Madonna's site keeps changing? Is it a Javascript or something else? I just have to know!
Thankyou to anyone that can help me!

P.S. The site is http://madonna.com/ and is best viewed in Internet Explorer or Mozilla Firefox!

**Samsoske** · 03-24-2006, 05:33 AM

Here, this should help:

place this in the <head> section of your page:

HTML Code:

<script language="javascript"> 
<!-- 
bg = new Array() 
bg[0] = ("firstimage.gif") 
bg[1] = ("secondimage.jpg") 
bg[2] = ("third.gif") 
bg[3] = ("fourth.gif")
bg[4] = ("fifth.gif") 
bg[5] = ("sixth.gif") 
bg[6] = ("seventh.jpg")
bg[7] = ("eighth.gif")  
var Numb = Math.round(7 * Math.random()); 
var back = bg[Numb] 
document.write("<body bgcolor='#000000' text='#ffd700'link='#ffa500' vlink='#cc0000' alink='#ffa500' background=" +back+ ">")
 --> </script>

Just replace those above images with those from you directory..

bye.

**nick019** · 03-24-2006, 05:41 AM

OMG, Thankyou sooooo much

I appreciate this heaps... I couldn't find this anywhere! The closest thing was a random color changer!
Thank You!!

**Samsoske** · 03-24-2006, 09:07 PM

It was a pleasure doing Buisness!

Glad I could help

Bye.

**djr33** · 03-25-2006, 11:22 AM

Hmm.... you'd need to remember to not include an extra <body>, right?
And wouldn't you want the script below the </head> tag so it replaces the body tag at the right point?

**Samsoske** · 03-25-2006, 06:13 PM

Hi there...\

Originally posted by djr33
Hmm.... you'd need to remember to not include an extra <body>, right?
And wouldn't you want the script below the </head> tag so it replaces the
body tag at the right point?

No. You would lay out your page, just like you would if you were making a
site. And that means you include the <body> tag. Because without this
<tag> the web site won't function.

Another: you add the code to the <head> section of you source, just dont
specify any value for a bgcolor, or background in the original <body> attribute.

All this code does, is overide the body's bgcolor function, if you don't put
one, and display the images out in the array, on random turns. Simple.

**Twey** · 03-25-2006, 06:53 PM

Actually, djr33 is right. Using this script with a normally-laid-out site, you're going to end up with something that looks like this (after the script has run):

Code:

<head>
  <body bgcolor='#000000' text='#ffd700'link='#ffa500' vlink='#cc0000' alink='#ffa500' background='seventh.gif'>
</head>
<body>
  ... rest of page ...

This is not well-formed HTML. One solution would be, as djr33 suggested, to put the script in the place of the <body> tag. However, this will destroy the page in non-JS browsers. The correct way to do this would be:

Code:

<head>
  <title></title>
  <script type="text/javascript">
    onload = function() {
      bg = new Array("firstimage.gif", "secondimage.jpg", "thirdimage.png", "fourthimage.tif"/*, ... */);
      var Numb = Math.floor(bg.length * Math.random());
      document.body.style.backgroundImage="url(" + bg[Numb] + ")";
    };
  </script>
</head>

Thread: Random Background

Thread Tools

Search Thread

Random Background

Hello....

O.k

Hmm.

Bookmarks

Bookmarks

Posting Permissions