View Single Post
Old 05-28-2000, 10:22 PM   #7
Felix
Member (10 bit)
 
Join Date: Mar 1999
Location: Zurich, Switzerland
Posts: 797
Cool

So the the second image above is going to be the new logo complete with text image and
you want to image map each text link to a page?


Yes, that's exactly what I want to do. In the meantime I did it! The trick was to make an anchor with an empty link < a href="" > and add the onMouseOver stuff. Then the img can be mapped as usual.

Unfortuantely I can't show it to ya by now but here's the code:

code:

<SCRIPT LANGUAGE="JavaScript">
{
browser = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) | | ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 3 )))

if ( browser) {
imgon = new Image(576,68);
imgon.src = "../bilder/fmslogo_d.gif";
imgoff = new Image(576,68);
imgoff.src = "../bilder/fmslogo.gif";
}
}

function SwitchImg(imgDocID,ImgObjName)
{ if ( browser)
document.images[imgDocID].src = eval(ImgObjName + ".src")
else if ( browser)
document.images[imgDocID].src = eval(ImgObjName + ".src")
}
</SCRIPT>


<MAP NAME="NavMap">
<AREA SHAPE="RECT" HREF="welcome_d.htm" ALT="Home" COORDS="2,13, 33,27">
<AREA SHAPE="RECT" HREF="news/news_d.htm" ALT="News" COORDS="35,13, 70,27">
<AREA SHAPE="RECT" HREF="webtension/webtension_d.htm" ALT="Bahnzugmessung" COORDS="73,13, 165,27">
<AREA SHAPE="RECT" HREF="webguide/webguide_d.htm" ALT="Bahnlaufregelung" COORDS="167,13, 258,27">
<AREA SHAPE="RECT" HREF="beltscales/beltscales_d.htm" ALT="Bandwaagen" COORDS="260,13, 330,27">
<AREA SHAPE="RECT" HREF="support/support_d.htm" ALT="Service" COORDS="2,29, 43,44">
<AREA SHAPE="RECT" HREF="contact/contact_d.htm" ALT="Kontakt" COORDS="45,29, 87,44">
<AREA SHAPE="RECT" HREF="salesoffices/salesoffices_d.htm" ALT="Niederlassungen" COORDS="89,29, 176,44">
<AREA SHAPE="RECT" HREF="misc/sitemap_d.htm" ALT="Site Map" COORDS="178,29, 226,44">
</MAP>
<A HREF="" onMouseOver="SwitchImg('imgFmslogo','imgon'); return true;" onMouseOut="SwitchImg('imgFmslogo','imgoff'); return true;"><IMG SRC="../bilder/fmslogo.gif" USEMAP="#NavMap" WIDTH=576 HEIGHT=68 ISMAP ALT="FMS Force Measuring Systems AG - Produkte für die Automation an laufenden Bahnen." NOSAVE BORDER="0" NATURALSIZEFLAG="0" NAME="imgFmslogo"></A>

[/code]

Thank you vor all the help!



[This message has been edited by Felix (edited 05-29-2000).]
Felix is offline   Reply With Quote