Random Background Code

[Mockingbird]

The Random Background code isnt working on my site:
tofs.proboards.com/index.cgi

[Trublu]

Jul 10, 2010 13:46:22 GMT -8 Mockingbird said:

The Random Background code isnt working on my site:
tofs.proboards.com/index.cgi

At the end of this code:

// Cursor over board..

Add this:

</script>

Also, you'll need to have the random background code installed for us to see what the issue is.

[Mockingbird]

It's in the global header, and it still fails to work. :c

[Trublu]

Jul 10, 2010 15:02:54 GMT -8 Mockingbird said:

It's in the global header, and it still fails to work. :c

Note this:

// No comma on last line

So, remove the comma you have in.

[Mockingbird]

Still doesnt work DX

[SubDevo]

You took out too many commas...
Add the Blue comma.

var backgrounds = new Array(
    "http://i975./ae231/emilcaster/richterback-1.png",
    "URL to Image" // No comma on last line
);

If you add more lines, there MUST be a comma after each line EXCEPT for the last one.

Example:

var backgrounds = new Array(
    "BACKGROUND 1",
    "BACKGROUND 2",
    "BACKGROUND 3",
    "BACKGROUND 4" // No comma on last line
);

Regards,
SubDevo

[Mockingbird]

It still doesnt work :__:

Maybe I'm missing a typo...

[SubDevo]

Well, it is random. So, since you have three URLS that are nothing, you have a 25% chance that you will see nothing.
Add more image URLS. or just have one in the list for now just for testing.

var backgrounds = new Array(
    "http://i975./ae231/emilcaster/richterback-1.png"
);

[Mockingbird]

still no luck..

[SubDevo]

Hmm, yup. I checked in a test site.
The code does in fact, have an error.
You need to change the "0" to a "1" in this line:

var style = document.styleSheets.item(0);

That should do it.

Just for testing, try this:

var backgrounds = new Array(
    "http://i975./ae231/emilcaster/richterback-1.png",
    "FF00FF"
);

Try refreshing your page a few times and see if you get a random solid color or the image.
If it works, you can remove that "color" line and add more images.
Make sure you remember the "comma thing". lol

Regards,
SubDevo

[Mockingbird]

It still doesnt work. XD

[SubDevo]

WOW. Making that change works in IE, but not in FF.
Lets just nip this in the bud.

Replace your code with this.

<script type="text/javascript">
/* Random Background Image or Color by SubDevo */

var backgrounds=[
   "http://i975./ae231/emilcaster/richterback-1.png",
   "FF00FF"
];

var bg=backgrounds[Math.floor(backgrounds.length*Math.random())];
bg=(bg.indexOf("http:")==0)?"-image:url("+bg+")":"-color:#"+bg;
document.write("<style type='text/css'>body{background"+bg+";}</sty"+"le>");
</script>

[Mockingbird]

Yay, it works! Thanks so much! ^^

[SubDevo]

Cool! Now, get some other images in there quick! That hot pink is killing me! LMAO

SubDevo

[Mockingbird]

Right. XD