Friday, September 23, 2011

How do I use a picture as a link to change to another picture when the cursor hovers over it?

I'm trying to do a kind of button thing where it's just colour with text on it, and when the cursor hovers over it I want it to change to another colour... what is the code for changing a picture when hovering?How do I use a picture as a link to change to another picture when the cursor hovers over it?not sure if you mean just a text link or a picture link be more clear are you making a button in photoshop?How do I use a picture as a link to change to another picture when the cursor hovers over it?Well if it's just a text link, no photo, you could use some CSS.



Your normal link color

%26lt;style type=%26quot;text/css%26quot;%26gt;

a {color: HEXADECIMAL COLOR HERE;} /* this is the color of the link before you hover over it with the cursor */



a:hover {color: HEXADECIMAL COLOR HERE;} /* this is the color of the link once your cursor hovers over the text */

%26lt;/style%26gt;



if you wanted to change a picture to another picture when the cursor is over the image, then switch it back to the original image once your cursor is off the image, you could use some javascript.



http://www.statusme.com/images/Hexadecimal%2520Color%2520Coding%2520Chart.gif



list of hexadecimal colorsHow do I use a picture as a link to change to another picture when the cursor hovers over it?look for some code that says %26quot;swap image.%26quot;



https://www.msu.edu/~russellr/javascript/rollover_image_swap/rollover_image_swap.html

this page has some example.



Rght click on the background, and select VIEW SOURCE.



and check the link below-