Sorry for the OT topic but Im having a hard time finding the answer.

Im using this script for rollover's, seems to work ok.   Im trying to modify
it so I can point to multiple buttons but only have a single <img src> that
will bring a different image depending on which button is mouse over.

Currently each button will bring up a different img but
using multiple <IMG SRC, I want different from a single <IMG SRC>


Im also trying to have multiple <img src> be displayed when a single button
is moused over.

Can CF help me with this an any way, or just pure JS?


Any tips?

Thanks,Adrian




<SCRIPT LANGUAGE="JavaScript">


<!--
        canJScript = 0;
        browserName = navigator.appName;
        browserVer = parseInt(navigator.appVersion);
        if (browserName == "Netscape" && browserVer >= 3) canJScript = 1;
        if (browserName == "Microsoft Internet Explorer" && browserVer > 3)
canJScript = 1;

        if(canJScript)
        {

  b1h = new Image(300,88);
                b1h.src = "/image/intell_text_1.gif";
                b1n = new Image(300,88);
                b1n.src = "/image/intell_text_0.gif";

  b2h = new Image(300,88);
                b2h.src = "/image/intell_text_2.gif";
                b2n = new Image(300,88);
                b2n.src = "/image/intell_text_0.gif";

  b3h = new Image(300,88);
                b3h.src = "/image/intell_text_3.gif";
                b3n = new Image(300,88);
                b3n.src = "/image/intell_text_0.gif";

  b4h = new Image(300,88);
                b4h.src = "/image/intell_text_4.gif";
                b4n = new Image(300,88);
                b4n.src = "/image/intell_text_0.gif";


        }

        function img_brt(i) {
                if (canJScript) {
                        imgTag = "b" + i;
                        document [imgTag].src = eval(imgTag  + "h.src");
                }
        }

        function img_dim(i) {
                if (canJScript) {
                        imgTag = "b" + i;
                        document [imgTag].src = eval(imgTag  + "n.src");
                }
        }
// -->


</SCRIPT>


This is what I put in the BODY.


<img NAME="b1" src="/image/intell_text_0.gif" border=0>



<map name="intelligent">
<area alt="" shape="CIRCLE" coords="50,50,49" href="/mrp.htm"
onMouseOver="img_brt(1); return true;" onMouseOut="img_dim(1);
status=('');">
<area alt="" shape="CIRCLE" coords="284,49,49" href="/supplier.htm"
onMouseOver="img_brt(2); return true;" onMouseOut="img_dim(2);
status=('');">
<area alt="" shape="CIRCLE" coords="50,285,49" href="/carrier.htm"
onMouseOver="img_brt(3); return true;" onMouseOut="img_dim(3);
status=('');">
<area alt="" shape="CIRCLE" coords="285,285,49" href="/cutomers.htm"
onMouseOver="img_brt(4); return true;" onMouseOut="img_dim(4);
status=('');">
</map>






------------------------------------------------------------------------------
Archives: http://www.eGroups.com/list/cf-talk
To Unsubscribe visit 
http://www.houseoffusion.com/index.cfm?sidebar=lists&body=lists/cf_talk or send a 
message to [EMAIL PROTECTED] with 'unsubscribe' in the body.

Reply via email to