|
| |
|
|
zipperfool
Posts: 6
Joined: 1/19/2006
Status: offline
 |
hyperlink graphic - 4/17/2006 10:19:05
I am sure this has been covered 1000 times, but I don't know how to search for it.
I want the picture to be flashing so that it draws more attention, but still remain a hyperlink to another page on my website.
Help would be appreciated.
|
|
|
|
womble
Posts: 6275
Joined: 3/14/2005
From: Living on the edge
Status: offline
|
RE: hyperlink graphic - 4/17/2006 11:00:32
You just ned to put the path to your image within the <a> tags, e.g.
<a href="page2.html"><img src="images/myimage.gif" width="50"
height="50" alt="next page button" title="Go to the next page" /></a>
I'd think carefully about having anything flashing though - they're very distracting, not good for accessibility, and often look a little tacky. You'll find a wide selection of buttons etc. for free if you search for something like "web graphics buttons" on google though.
_____________________________
~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
| |
|
|
|
zipperfool
Posts: 6
Joined: 1/19/2006
Status: offline
|
RE: hyperlink graphic - 4/17/2006 12:01:22
very good point. I'll take your advice and leave the flashing stuff for the porn sites, hah!
maybe I should stick to a slight change to the image when someone hovers over it or click on it? what think ye?
| |
|
|
|
womble
Posts: 6275
Joined: 3/14/2005
From: Living on the edge
Status: offline
|
RE: hyperlink graphic - 4/17/2006 12:15:14
From a usability point of view, having a hover effect or when it's selected, it can be a good thing. If you want to do that you'll need three images, a standard one, a hover one, and a 'selected' one. You'll also need a little javascript or CSS to display them (or if you're using FP there is a built-in button thingie but I never much liked it)
The Javascript Source has a number of scripts for image rollovers, as does Dynamic Drive. For CSS menus this one is one of my favourites.
_____________________________
~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 