Hi, I was wondering if anyone could help me with my personal website. I am having problems getting my roll-overs to work. I want to code the whole thing by myself but I can't seem to get it to work. If you can take a look at my code and maybe give me some help or suggestions I would appreciate it.
CODE
<script type="text/JavaScript">
<!--
if (document.images)
{
var defImg = "about";
//About Me Button
var aboutoff = new Image ();
aboutoff.src = "aboutme.jpg";
var abouton = new Image ();
aboutoff.src = "aboutme_ro.jpg";
//Portfolio Button
var portfoliooff = new Image ();
portfoliooff.src = "portfolio.jpg";
var portfolioon = new Image ();
portfolioon.src = "portfolio_ro.jpg";
//Printmaking Button
var printoff = new Image ();
printoff.src = "printmaking.jpg";
var printon = new Image();
printon.src = "printmaking_ro.jpg";
//Intro Projects Button
var introprojoff = new Image ();
introprojoff.src = "introprojects.jpg";
var introprojon = new Image ();
introprojon.src = :"introprojects_ro.jpg";
//Other Button
var otheroff = new Image ();
otheroff.src = "other.jpg";
var otheron = new Image ();
otheron.src = "other_ro.jpg";
}
function actMenuItem(imgName)
{
act(imgName);
inact(defImg);
}
function inactMenuItem(imgName)
{
inact(imgName);
act(defImg);
}
function act(imgName)
{
if (document.images)
document.images[imgName].src = eval(imgName + "on.src");
}
function inact(imgName)
{
if (document.images)
document.images[imgName].src = eval(imgName + "off.src");
}
//-->
</script>
<body bgcolor="1f1303" onLoad="preloadimages();">
<table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/top_left.jpg" width="50" height="50">
<a href = "aboutme.html">
<img src = "images/aboutme_ro.jpg"
name = "about"
alt = "AboutME"
border = "0"></a>
<a href = "portfolio.html"
onMouseOver = "actMenuItem('portfolio')
onMouseOut = "inactMenuItem('portfolio')>
<img src = "images/portfolio.jpg"
name = "portfolio"
alt = "Portfolio"
border = "0"></a>
<a href = "printmaking.html"
onMouseOver = "actMenuItem('print')
onMouseOut = "inactMenuItem('print')>
<img src = "images/printmaking.jpg"
name = "print"
alt = "Printmaking"
border = "0"></a>
<a href = "introprojects.html"
onMouseOver ="actMenuItem('introproj')
onMouseOut = "inactMenuItem('introproj')>
<img src = "images/introprojects.jpg"
name = "introproj"
alt = "IntroProjects
border = "0"</a>
<a href = "other.html"
onMouseOver = "actMenuItem('other')
onMouseOut = "inactMenuItem('other)>
<img src = "images/other.jpg"
name = "other"
alt = "OtherStuff"
border = "0"></a>