Javascript Rollovers

I am fairly new to JavaScript and I am trying to make it so that when you mouseover a link, an image to the right of the page changes, then changes back on mouseout.

Here is my JavaScript:

function SwapOut(titleid){
if (titleid == video)
    document.getElementById(\"titleimg\").src=\"images/videotitle.png\"
else if (titleid == gamedesign)
   document.getElementById(\"titleimg\").src=\"images/gametitle.png\"       
else if (titleid == webdesign)
   document.getElementById(\"titleimg\").src=\"images/webtitle.png\"    
return true;
}

function SwapBack(\'titleid\'){
if (titleid == home)
    document.getElementById(\"titleimg\").src=\"images/hometitle.png\"
else if (titleid == gamedesign)
   document.getElementById(\"titleimg\").src=\"images/gametitle.png\"   
else if (titleid == video)
   document.getElementById(\"titleimg\").src=\"images/videotitle.png\"  
else if (titleid == webdesign)
   document.getElementById(\"titleimg\").src=\"images/webtitle.png\" 
return true;
}

And my HTML:

<a id=\"eileenSmall1\" href=\"video.html\" onmouseover=\"SwapOut(\'video\')\" onmouseout=\"SwapBack(\'home\')\"></a>

<div id=\"title\">
    <img src=\"images/hometitle.png\" name=\"titleimg\"/>
</div>

I would normally approach this with CSS but was having issues getting it to work as I am changing the properties of a different element. Any help would be appreciated!

Rating: 1 out of 5 based on 3 ratings

Posts Related to Javascript Rollovers

• Aug 11th, 2012 In Javascript/jQuery, is there a shorter way of writing an if statement with many OR's on the same tested variable? Saturday AM 02:09:11


• Aug 11th, 2012 php - Jquery .ajax doesn't return useful data Saturday AM 09:49:12


• Aug 11th, 2012 Object Oriented JavaScript shared method variables Saturday AM 06:49:17


• Jul 07th, 2012 android - How to show the button in dropdown event? Saturday PM 19:45:27


• Jul 08th, 2012 javascript - html 5 code is not working on android using phonegap Sunday AM 04:45:31


• Jul 07th, 2012 parameter function in jquery Saturday PM 22:45:39


• Jul 07th, 2012 css - positioning an element absolutely *within* another element Saturday PM 22:55:41


• Jul 07th, 2012 jquery - Possible to loop over each in coffeescript? Saturday PM 14:35:44


• Jul 07th, 2012 algorithm - What is the fastest implementation of ColdFusion's listFindNoCase function in Javascript? Saturday PM 23:55:51


• Jul 08th, 2012 javascript - jQuery Click Event PreventDefault Sunday AM 09:21:56

The post Javascript Rollovers appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-rollovers.html