Hi Benjamin, Thank you for your reply.
I need to keep image2 when clicked. In this way, the user knows what navigation link they are on. Then if the user clicks on another link, the previous link returns to image1. I have done the following: //preloaded the images fastImage = new Image; fast_secondImage = new Image; fastImage.src = "guru_images/fast_reliable.jpg"; fast_secondImage.src = "guru_images/fast_reliable_over.jpg"; then create mouseover, mouseout functions from the elements id //function linkOver(n){ if(n == "fast"){ document.fast.src = fast_secondImage.src } } function linkOut(n){ if(n == "fast"){ document.fast.src = fastImage.src } } I am new with javascript and jquery but I tried this jquery to control the mouseover, mouseout and click. However I do not have the "if" statement correct but this is where I am having trouble. $(function() { $("#fast").click(function(){ linkOver('fast'); view("hid1"); }).mouseover(function(){linkOver('fast')}).mouseout(function(){ if($(this)=="fast"){ linkOver('fast'); }else{ linkOut('fast'); }); }); }); Thanks for having a look Benjamin. Frank. On Aug 10, 10:33 am, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > Frank, > Can you elaborate a little bit or post what you have? > > Sounds like what you need to do, assuming once the user clicks on the image2 > that the rollover disappears, is something like: > > $('#myimg').hover(function(){ > $(this).attr('src','image2');}, > > function(){ > $(this).attr('src','image1');}) > > .click(function(){ > $(this).unbind('hover'); // not sure if this one is correct; > > }); > > On 8/10/07, Frank <[EMAIL PROTECTED]> wrote: > > > > > I am not sure if anyone can solve this problem, however, I am trying > > to keep the rollover image2 if the user clicks on image2. However on > > mouseout, it reverts back to image1. I have tried different coding and > > I am tripped up everytime. > > > Frank > > -- > Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com