JS-Hover global für eine Seite

[Gunnar Bittersmann]

Hello out there!

function imghover(imgobj, dir)

{
var oldsrc = imgobj.src;
var newsrc = (dir == 'over' ? oldsrc.replace(/_up/, "_over") : oldsrc.replace(/_over/, "_up"));
imgobj.src = newsrc;
}

  
Wobei die vielen Zuweisungen nicht notwendig sind:  
  
~~~javascript
function imghover(imgobj, dir)  
{  
 imgobj.src = (dir == 'over' ? imgobj.src.replace(/_up/, "_over") : imgobj.src.replace(/_over/, "_up"));  
}

Statt des Parameters dir mit den Werten 'over' und 'up' ließe sich auch ein Parameter isOver mit den Werten true bzw. false verwenden:

<img src="/images/image1_up.jpg" onmouseover="imghover(this, true);" onmouseout="imghover(this, false);">

Die Funktion dann:

function imghover(imgobj, isOver)  
{  
 imgobj.src = (isOver ? imgobj.src.replace(/_up/, "_over") : imgobj.src.replace(/_over/, "_up"));  
}

See ya up the road,
Gunnar