I am using FrontPage however I do not want to use the built-in interactive buttons. I have copy script from a site (modified to my detail obviously), however it will not produce the results. As the pointer passes over the button, my goal was to have the button highlight as though you had selected that button, then go off if you do not select it.

Could I get some feedback please.

Thanks,

Steve

Firstly, I noticed you have some spaces in image names which are translated into something like: Frames/Tolbert%20Star%20Logo_01.gif. This is not very good practise. Try using all small letters and use underscores instead of spaces. Servers differentiate between capitals and small letters so you will avoid future problems. You should have something like "frames/tolbert_star_logo_01.gif" or "Frames/TolbertStarLogo_01.gif"

Secondly I noticed: src = eval(imageName + "on.src") the on.src call is in "" and that will treat it as the string "on.src" and not call the value for the property src of the object on. Try taking the "" away and just have imageName+on.src

good luck

I think error in line:
'document[imageName].src = eval(imageName + "on.src");'
document[imageName] - it's object (image)
document[imageName].src - it's string
so, what do your want use string or object in this line?
if string:
function turnPic(swt)
{
var m_strPath; //path to image ("./Frames/")
var m_strFN; //filename of image
var m_strPos; //turnOn or Off
if (swt) m_strPos = "on.src" else m_strPos = "off.src";
m_strFN = imagePath + imageName + m_strPos; //your can control result: document.write("sourceName: " + m_strFN)
return m_strFN;
}
+
document[imageName].src = turnPic(1);
//********************************
if object your must scan all document.images for equal of need string-Name then use assign to object. It' correct but longer.
*P.S. note: use array of image collection + preload + number's indexing + captureEvents + css

There is a much easier way to do this, and it works with all browsers as far as i know...

Code:
<a href="index.html" onmouseover="home.src='homeon.gif';" onmouseout="home.src='home.gif';"><image src="home.gif" name="home" border="0"></a>

In this case, i named my home button "home" so when a user puts there mouse over the anchor it will switch the image named "home" to the new image and when the mouse is off of the image it will switch the image "home" back to the starting image.