h2g2 The Hitchhiker's Guide to the Galaxy: Earth Edition

Hi

I want to have a picture as the background to my web page, how do I do it

manda

Manda, check out:

http://hotwired.lycos.com/webmonkey/teachingtool/bgimg.html

Thanks Peet

thats just what I wanted

madna

("madna" )

"s and snatches the mask off the mysterious madna..."

Oh hi Manda...

Peet... While we're on the subject of backgrounds for web pages, my attempts to start one [web page] have brought me two questions without answers...

As you can see in my [under construction for quite a long time to come] Buffy page http://www.angelfire.com/weird2/loup.dargent/buffy_corner.html i've got a scrolling background... What i'm wondering is if there is a way to make it go slower...

Also, before even daring starting the page i came across some info about another way of playing with the background... Instead of having the background scrolling down like on the page, the text [which would be in the same frame than the background picture in that case] was actually moving up while the background picture was staying put... i liked the idea but i can't find the coding anymore anywhere... Any tips/hints/etc..?!

in advance...

loup

It's very , but I'll need to give it some thought. There's no simple answer, as (in case you didn't notice) it scrolls at different speeds in different browsers.

I have it in Mozilla on one screen, and IE on another (same machine ) and the IE scrolls about twice as fast as the Mozilla. There's also a nasty "jump" every so often, on both. As I say, it needs investigating, and I'm not really awake enough to do that tonight.

Peet...

No hurry though... I still have to add some links and stuff anyway before it remotely starts to look like i would like/hope it to look...

The great thing is that a lot of the links will be h2g2 and Talk Buffy ones... So i'm not straying away too much... Plus some other h2g2 researchers are contributing to it as well with some ideas/infos/etc... Should eventually become an interesting "not h2g2 page but still h2g2 influenced" kind of web page...

I also want to experiment with some other things... So as i said, no hurry...

I'm using IE and Opera as browsers and noticed some difference in speed, but i assumed that it was due to my PC's erratic behaviour... Hmmmmm... I'm going to have to do a lot of grovelling now that it appears that it was not its fault...[]

Talk soon and thanks again ...

loup

I haven't given the Buffy page any thought yet; sorry.

I did, however think you might appreciate this - it's rather wonderful!

http://csszengarden.com

here's ur script that does that

var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);


some tiny improvements:

var backgroundOffset = 0;
var bgObject = document.body; //not sure if that will work the way i have it, but it's worth a shot
function scrollBG(maxSize) {
setTimeout("scrollBG(307)", 64); //moved to the front because errors would have stopped it at the end, changed to a timeout because it is recursive
backgroundOffset++; //easier to read and equivalent
backgroundOffset %= maxSize; // cleaner, no "if()", and even prevents jumping (perhaps)
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}

hope that helps!
>8^B

Great...

I will definitely try it later on after I had some sleep...

Great timing as well, as the idea behind the page is now being adapted for a forthcoming collaborative project which [hopefully] will involve people from h2g2 and Talk Buffy...

Talk soon and thanks again...



loup

Oooops... I missed post #9 when it was posted...

I will have a look asap...



loup

Calculator Nerd 256... I tried it and nothing happened...

The background didn't scroll anymore...

loup