How to Question: image buttons for menu?
Posted: Thu Oct 12, 2006 3:14 pm
I've had a graphic designer work on a site, and it's "good news / bad news" --
the good news is the site they designed looks great.
the bad news, they made the menu navigation as jpg buttons, complete with hover rollover alternative links (which stick in place if it's the active item).
I'm pretty sure this can be done with the multitude of stuff that's been added to the menu modules, and I've got the basica of an idea of how to do it, but I'm guessing this wheel has been invented before.
I would think that:
1) name all my image names consistently with something that will be unique to each page, e.g. the {pagename} var, so that I can GET it via img src={pagename}_off.jpg and the hover image as img src={pagename}_on.jpg
2) In the menu template, wrap the current menu output with img src="" tags as appropriate.
Am I close? Is there a working example of this already in existance?
Thanks much...
the good news is the site they designed looks great.
the bad news, they made the menu navigation as jpg buttons, complete with hover rollover alternative links (which stick in place if it's the active item).
I'm pretty sure this can be done with the multitude of stuff that's been added to the menu modules, and I've got the basica of an idea of how to do it, but I'm guessing this wheel has been invented before.
I would think that:
1) name all my image names consistently with something that will be unique to each page, e.g. the {pagename} var, so that I can GET it via img src={pagename}_off.jpg and the hover image as img src={pagename}_on.jpg
2) In the menu template, wrap the current menu output with img src="" tags as appropriate.
Am I close? Is there a working example of this already in existance?
Thanks much...