"Karl Burrows" <kf**@spambellsouth.net> wrote in message
news:ro********************@bignews1.bellsouth.net ...
I am working on a Website for a non-profit group and for some reason I
have one link that doesn't want to cooperate. All the image links work fine
with the onmouseover and onmouseout script except one. Maybe I am just getting
blurry-eyed, but can someone help me figure out what I have done wrong?
Thanks!!!!
<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190"
height="57"></td> </tr>
Page name is Trends, I have document images setup as follows:
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers
if (document.images) {
Home = new Image
WhoWeAre = new Image
MemberLogIn = new Image
BecomeAMember = new Image
Calendar = new Image
Showhouse = new Image
FindADesigner = new Image
InteriorTrends = new Image
Links = new Image
MeetTheExpert = new Image
ContactUs = new Image
HomeBold = new Image
WhoWeAreBold = new Image
MemberLogInBold = new Image
BecomeAMemberBold = new Image
CalendarBold = new Image
ShowhouseBold = new Image
FindADesignerBold = new Image
InteriorTrendsBold = new Image
LinksBold = new Image
MeetTheExpertBold = new Image
ContactUsBold = new Image
Home.src="Images/Home.gif"
WhoWeAre.src="Images/WhoWeAre.gif"
MemberLogIn.src="Images/MemberLogIn.gif"
BecomeAMember.src="Images/BecomeAMember.gif"
Calendar.src="Images/Calendar.gif"
Showhouse.src="Images/Showhouse.gif"
FindADesigner.src="Images/FindADesigner.gif"
InteriorTrends.src="InteriorTrends.gif"
Links.src="Images/Links.gif"
MeetTheExpert.src="Images/MeetTheExpert.gif"
ContactUs.src="Images/ContactUs.gif"
HomeBold.src="Images/HomeBold.gif"
WhoWeAreBold.src="Images/WhoWeAreBold.gif"
MemberLogInBold.src="Images/MemberLogInBold.gif"
BecomeAMemberBold.src="Images/BecomeAMemberBold.gif"
CalendarBold.src="Images/CalendarBold.gif"
ShowhouseBold.src="Images/ShowhouseBold.gif"
FindADesignerBold.src="Images/FindADesignerBold.gif"
InteriorTrendsBold.src="InteriorTrendsBold.gif"
LinksBold.src="Images/LinksBold.gif"
MeetTheExpertBold.src="Images/MeetTheExpertBold.gif"
ContactUsBold.src="Images/ContactUsBold.gif"
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//End hiding script from old browsers-->
</SCRIPT>
Try the following alternative "as-is"; watch for word-wrap.
<html>
<head>
<title>Rollover Images</title>
<head>
<body>
<br><a href="Home.htm" onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'><img src="Images/Home.gif"
name="imgHome" border="0" width="190" height="57" alt="Home"></a>
<br><a href="WhoWeAre.htm"
onMouseOver='imgWhoWeAre.src="Images/WhoWeAreBold.gif"'
onMouseOut='imgWhoWeAreBold.src="Images/WhoWeAre.gif"'><img
src="Images/WhoWeAre.gif" name="imgWhoWeAre" border="0" width="190"
height="57" alt="Who We Are"></a>
<br><a href="MemberLogIn.htm"
onMouseOver='imgMemberLogIn.src="Images/MemberLogInBold.gif"'
onMouseOut='imgMemberLogIn.src="Images/MemberLogIn.gif"'><img
src="Images/MemberLogIn.gif" name="imgMemberLogIn" border="0" width="190"
height="57" alt="Member LogIn"></a>
<br><a href="BecomeAMember.htm"
onMouseOver='imgBecomeAMember.src="Images/BecomeAMemberBold.gif"'
onMouseOut='imgBecomeAMember.src="Images/BecomeAMember.gif"'><img
src="Images/BecomeAMember.gif" name="imgBecomeAMember" border="0"
width="190" height="57" alt="Become A Member"></a>
<br><a href="Calendar.htm"
onMouseOver='imgCalendar.src="Images/CalendarBold.gif"'
onMouseOut='imgCalendar.src="Images/Calendar.gif"'><img
src="Images/Calendar.gif" name="imgCalendar" border="0" width="190"
height="57" alt="Calendar"></a>
<br><a href="Showhouse.htm"
onMouseOver='imgShowhouse.src="Images/ShowhouseBold.gif"'
onMouseOut='imgShowhouse.src="Images/Showhouse.gif"'><img
src="Images/Showhouse.gif" name="imgShowhouse" border="0" width="190"
height="57" alt="Show house"></a>
<br><a href="FindADesigner.htm"
onMouseOver='imgFindADesigner.src="Images/FindADesignerBold.gif"'
onMouseOut='imgFindADesigner.src="Images/FindADesigner.gif"'><img
src="Images/FindADesigner.gif" name="imgFindADesigner" border="0"
width="190" height="57" alt="Find A Designer"></a>
<br><a href="InteriorTrends.htm"
onMouseOver='imgInteriorTrends.src="Images/InteriorTrendsBold.gif"'
onMouseOut='imgInteriorTrends.src="Images/InteriorTrends.gif"'><img
src="Images/InteriorTrends.gif" name="imgInteriorTrends" border="0"
width="190" height="57" alt="Interior Trends"></a>
<br><a href="Links.htm" onMouseOver='imgLinks.src="Images/LinksBold.gif"'
onMouseOut='imgLinks.src="Images/Links.gif"'><img src="Images/Links.gif"
name="imgLinks" border="0" width="190" height="57" alt="Links"></a>
<br><a href="MeetTheExpert.htm"
onMouseOver='imgMeetTheExpert.src="Images/MeetTheExpertBold.gif"'
onMouseOut='imgMeetTheExpert.src="Images/MeetTheExpert.gif"'><img
src="Images/MeetTheExpert.gif" name="imgMeetTheExpert" border="0"
width="190" height="57" alt="Meet The Expert"></a>
<br><a href="ContactUs.htm"
onMouseOver='imgContactUs.src="Images/ContactUsBold.gif"'
onMouseOut='imgContactUs.src="Images/ContactUs.gif"'><img
src="Images/ContactUs.gif" name="imgContactUs" border="0" width="190"
height="57" alt="Contact Us"></a>
</body>
</html>
This does not preload images.
Basically, each image link is like:
<br><a href="Home.htm"
onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'>
<img src="Images/Home.gif"
name="imgHome"
border="0" width="190" height="57"
alt="Home"></a>
Also, I expect others will have some comments about it...