View Full Version : Menu Help
07-16-2008, 02:55 AM
I'm a wee bit stuck. I remember seeing a friends website way back when, and it had the menu bar on the vertical, and when you rolled over a button, another image was displayed in like a tv-screen image. And there was a seperate image for each button, and I thought that absolutely rocked. Unfortunately, he wouldn't, and still won't tell me how he managed to do this. Which is why I am reaching out to the Interwibbles to help me try and work out how I can replicate this effect for myself. If anyone is unsure as to what I am on about, then see below.
For every button, there would be a seperate image displayed upon rollover in that top square
If anyone can help me, I'd be most appreciative.
07-16-2008, 02:58 AM
07-16-2008, 03:56 AM
Can that show the rollover on a different image then?.
07-16-2008, 04:51 AM
<a href="URL" onmouseover="image1.src='IMAGE URL;"
onmouseout="image1.src='SAME IMAGE URL';"
07-16-2008, 04:58 AM
I basically want each button to have a seperate image that upon hover, displays the seperate image in the top box. Can the example macwiz and / or rafiki have used do that?
07-16-2008, 05:04 AM
CSS pseudo classes are for the entire page, not on a per tag basis.
If you want the top image to change, that is slightly more complicated than what I gave you.
The JS would be:
image_off= new Image(100,100);
image2= new Image(100,100);
image3= new Image(100,100);
image4= new Image(100,100);
image5= new Image(100,100);
imgOn=eval(imgName + ".src");
The HTML would be:
<A HREF="url" onMouseover="change1('pic1','image2')" onMouseout="change1('pic1','image_off')">LINK</A>
<A HREF="url" onMouseover="change1('pic1','image3')" onMouseout="change1('pic1','image_off')">LINK</A>
<A HREF="url" onMouseover="change1('pic1','image4')" onMouseout="change1('pic1','image_off')">LINK</A>
<A HREF="url" onMouseover="change1('pic1','image5')" onMouseout="change1('pic1','image_off')">LINK</A>
<IMG SRC="image.jpg" name="pic1" width="100" height="100" border="0">
07-16-2008, 05:07 AM
::EDIT:: Stupid question - missed half your post! Lol, sorry old chap!
07-16-2008, 05:54 AM
After much googling, I found this (http://scripterlative.com/files/thumbsmart.htm), which seems to do what i want, albeit in a decidedly different way around.
Just got to work out how the hell to use it now!
Powered by vBulletin® Version 4.2.2 Copyright © 2016 vBulletin Solutions, Inc. All rights reserved.