View Full Version : Special button help
04-28-2006, 02:48 AM
Hi, I have an image i made and i want it to be a button and when people put there mouse over it, it will change to something else. I was wondering if someone could show me how this code would look? I dont know if it would use html and css, please correct me if it doesnt. Thanks:thumbsup:
04-28-2006, 02:59 AM
onmouseover="this.src = 'ROLLOVERIMAGEURL';"
onmouseout="this.src = 'ORIGINALIMAGEURL';">
04-28-2006, 03:04 AM
So this would be put inside a table right? Yes, its an image. Also could you submit a legend for what imageid and originalimage are?
04-28-2006, 03:08 AM
I revised the code to make it more obvious. The code is the image code itself; just insert it where you want the image to go.
IMAGEURL would be something like image.gif or http://www.site.com/image.gif.
04-28-2006, 03:13 AM
(btw) i forgot to tell you i want to use it for my navigation buttons. same code right?
04-28-2006, 03:14 AM
Correct, assuming those buttons are images.
04-28-2006, 11:46 AM
ok what if i wanted to change to a new page when i clicked on the button?:thumbsup:
04-28-2006, 12:01 PM
You can apply the technique described in ALA's "Sliding Doors of CSS, part II (http://www.alistapart.com/articles/slidingdoors2/)" for this using a single image instead of two separate ones (you will need to adapt this to your particular situation).
04-30-2006, 09:27 PM
Could some one please post that same code but have a place where i can put my url for the page that i want it to go to when they click on it?:thumbsup:
Powered by vBulletin® Version 4.2.2 Copyright © 2015 vBulletin Solutions, Inc. All rights reserved.