BG change to tiled image on rollover

@lupatrianJun 01.2004

I’m looking for code:
I have pre-made web pages with 10 images (inside tables) on each. I’m seeking code that will change the background to a tiled display of each image as it is rolled over.

Thanks much

to post a comment

JavaScript

@JonaJun 01.2004 — #[font=arial]Hello Lupatrian,

Try using the following in your head tag.[/font]

<i>
 </i>&lt;script type="text/javascript"&gt;
 function changeBgImg(src)
 {
 document.body.style.backgroundImage = src;
 }
 &lt;/script&gt;

[font=arial]And then use this on your image links.[/font]

<i>
 </i>&lt;a href="noJS.html" onclick="changeBgImg('images/image.jpg'); return false;"&gt;&lt;img src="images/image.jpg" alt="Background image"&gt;&lt;/a&gt;

[font=arial]Be sure to change "images/image.jpg" to the SRC of your image.[/font]

@fredmvJun 02.2004 — #[i]Originally posted by Jona [/i]

[B]document.body.style.backgroundImage = src;[/B][/QUOTE]Would not work. Since a background image is defined like this in CSS:background-image: url(foo.png);You must also use the same notation in JavaScript, thus:document.body.style.backgroundImage = 'url(' + src + ')';

@JonaJun 02.2004 — #[font=arial]Haha, my bad, Fred. Forgot. ? [/font]

@fredmvJun 02.2004 — #No problem man. I've made that exact same mistake myself a few times, so it's easier for me to catch. ?

BG change to tiled image on rollover

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

BG change to tiled image on rollover

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴