...

View Full Version : Random background imaged fixed problem!



vassileios_gr
07-30-2008, 12:46 AM
hello! i need your help!
i use the random background script of this page:
http://www.groan-zone.net/jscript/random.html

it works perfectly, but the thing is that i want the background to be fixed...

i have tried so many things but i cant do it and i need your help!!

thank you!


<script language="JavaScript">
<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
// Change this number to the number of images you are using.
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "zebra.jpg"
images[2] = "tiler3.jpg"
images[3] = "wicker3.jpg"
images[4] = "aaa4.jpg"
// Ensure you have an array item for every image you are using.
var image = images[rand1]
// Deactivate cloaking device -->
</script>



<script language="JavaScript">
<!-- Activate cloaking device
document.write('<body background="' + image + '" text="white">')
// Deactivate cloaking device -->
</script>

rangana
07-30-2008, 05:06 AM
Replace language="javascript" with type="text/javascript" the earlier is deprecated.
background and text are deprecated attributes (http://www.codehelp.co.uk/html/deprecated.html)
For your problem, I'm not certain if I get you, but have a try on changing this part:

document.write('<body background="' + image + '" text="white">')

to:


document.write('<body style="color:#fff;background-image:url('+image+');background-position:fixed;">')

Highlighted tells that your background is positioned fixed.


Hope it helps.

vassileios_gr
07-30-2008, 05:35 PM
unfortunately this didn't help me....

what i must do to fix it?

Philip M
07-30-2008, 05:58 PM
Please explain what you mean by "the background must be fixed".
The background image covers the whole screen.

Mikebert4
07-30-2008, 06:01 PM
as another poster has already said, using HTML attributes is the old (and depreciated) way of doing things - these days we try to use CSS where we can.

However, you didn't write the script so rather than moan about using obsolete methods I'll try and fix your issue :p

Try changing:



document.write('<body background="' + image + '" text="white">');


to


document.write('<body background="' + image + '" text="white" behavior="fixed">');

This still uses the old HTML attribute method of fixing the background (as in, fixed relative to the browser window - change 'fixed' to 'scroll' to have it act normally).

Of course, the better way would be to fix the background using:


style="background-position: fixed;"

in place of the


behavior="fixed"


Try both out, and let me know how you fare!

vassileios_gr
07-30-2008, 06:04 PM
i say that the random code works perfectly but i want scrolling the page, the background photo to be steady....the position to be fixed....how can i express that....everyone i believe understood what i mean...i believe...

vassileios_gr
07-30-2008, 06:07 PM
as another poster has already said, using HTML attributes is the old (and depreciated) way of doing things - these days we try to use CSS where we can.

However, you didn't write the script so rather than moan about using obsolete methods I'll try and fix your issue :p

Try changing:



document.write('<body background="' + image + '" text="white">');


to


document.write('<body background="' + image + '" text="white" behavior="fixed">');

This still uses the old HTML attribute method of fixing the background (as in, fixed relative to the browser window - change 'fixed' to 'scroll' to have it act normally).

Of course, the better way would be to fix the background using:


style="background-position: fixed;"

in place of the


behavior="fixed"


Try both out, and let me know how you fare!
unfortunately no again....thanks for trying....

Mikebert4
07-30-2008, 06:22 PM
Silly Mikebert - it's



background-attachment: fixed;


so the final code looks like:



document.write('<body background="' + image + '" style="color: white; background-attachment: fixed;">');


try that out for size ;)

(code was pulled from W3Schools - HERE (http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment))

vassileios_gr
07-30-2008, 06:27 PM
YES !!! YES!!! this worked!!!!!!!!

Thank you man!!!!!!!!!!!

great job!

Mikebert4
07-30-2008, 06:33 PM
hehe, no problem! Happy coding! ;)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum