rollover help

biferi · 03-05-2010, 03:02 PM

I am going to make a rollover image with JavaScript but then I saw on the net you can do it with CSS.

It loads all the images at one time and then goes through them wen the mouse is over it.

Thy say make all your images in one a Sprite.

But what is this and is it easyer and is there onother way??

ohm55 · 03-05-2010, 04:29 PM

Oh. My. God.

How many times have you asked questions like this!?! Just use Javascript, there is no difference! A guy gave you perfectly fine code to use!

hockeygoalie5 · 03-05-2010, 04:58 PM

I agree my code is perfectly good to use. However if you wish to use CSS, here you go:

Place this between <head></head> tags:

Code:

<style type="text/css">
#img {
background-image:url('PATH/TO/IMAGE1.gif);
}
#img:hover {
background-image:url('PATH/TO/IMAGE2.gif);
}
</style>

Place this within the <body></body> tags where you want the image to be:

Code:

<div id="img"></div>

There you go, just please stop double posting threads. This question could have been asked within the same thread.

foothead · 03-05-2010, 07:32 PM

Quote:

Originally Posted by biferi

Thy say make all your images in one a Sprite

What is this I don't even...

03-05-2010, 03:02 PM	#1
biferi Daemon Poster Join Date: May 2009 Posts: 690	rollover help I am going to make a rollover image with JavaScript but then I saw on the net you can do it with CSS. It loads all the images at one time and then goes through them wen the mouse is over it. Thy say make all your images in one a Sprite. But what is this and is it easyer and is there onother way??

03-05-2010, 04:29 PM	#2
ohm55 In Runtime Join Date: Feb 2010 Posts: 141	Re: rollover help Oh. My. God. How many times have you asked questions like this!?! Just use Javascript, there is no difference! A guy gave you perfectly fine code to use! __________________ You are such a good friend that if you and me were the last two people trapped on a sinking boat with only 1 life vest left, i would remember and pray for you every day. Funny how Communism is so bad in Politics but so good with software! My reputation is in the Red, so why doesnt it say "ohm55 needs rehab" when I put my mouse over it?

03-05-2010, 04:58 PM	#3
hockeygoalie5 In Runtime Join Date: Dec 2009 Posts: 297	Re: rollover help I agree my code is perfectly good to use. However if you wish to use CSS, here you go: Place this between <head></head> tags: Code: <style type="text/css"> #img { background-image:url('PATH/TO/IMAGE1.gif); } #img:hover { background-image:url('PATH/TO/IMAGE2.gif); } </style> Place this within the <body></body> tags where you want the image to be: Code: <div id="img"></div> There you go, just please stop double posting threads. This question could have been asked within the same thread.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode