PDA

View Full Version : How to make simple rollovers?


Beedybee
05/15/2007, 08:15 PM
This may/may not be the forum for this question, but...
Can anyone tell me in plain English how to create simple image rollovers?
Is there a file or something that needs to be uploaded to my website to make this work?
I've created a monster of excess coding, tried about 8 different techniques listed on help sites too. Oh my.
Yes, my pictures are the same size, and have been optimized for the web too.
What's the missing mojo? Many thanks.

Dave
05/16/2007, 02:56 AM
I think you need a .js (javascript) file with some of the "on mouse over" methods. This has to be loaded into your file or root directory. This is then called in your page coding ....

graphixgeek
05/16/2007, 03:43 AM
Here's a tutorial on how to do it with PS and ImageReady: http://user.fundy.net/morris/?photoshop23.shtml
and here's a tutorial for the javascript (I forget how to do that already!!):
http://www.webdevelopersnotes.com/tips/html/42.php3

Nizz
05/16/2007, 06:54 AM
The simplest way to do this is this:

<img name="im" src="IMG_URL" onmouseover="im.src='ROLLOVER_URL'" onmouseout="im.src='IMG_URL'">

(of course you can change the name of the image tag, and you're supposed to put in your own image URLs

Beedybee
05/18/2007, 11:36 AM
Thanks everyone!

Siouxie
05/19/2007, 03:57 AM
or you can just use adobe image ready (which is normally included in PS) and let the programm do the code :)