Avatar billede mortennorup Nybegynder
07. august 2000 - 09:19 Der er 3 kommentarer og
1 løsning

Mouseover problemer

Bruger dette script til at lave img skift på et cirkulært billede når mouseover på href tags. Mit problem er, at scriptet betrager button 7 som værende mouseover på img\'et også - dvs den skifter billede når man kører musen over imget images/wheel.gif og skifter til rm_orange.gif - jeg ønsker kun img shifts når der er mouseover på href tags...nogen forslag?

<SCRIPT language=\"JavaScript\">
<!-- Begin
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>


<a href=\"products/hds.htm\" onmouseover=\"movepic(\'button1\',\'images/hds_orange.gif\')\"
onmouseout=\"movepic(\'button1\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button1\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Help Desk Services</a><br>
       
        <a href=\"products/cm.htm\" onmouseover=\"movepic(\'button3\',\'images/cm_orange.gif\')\"
onmouseout=\"movepic(\'button3\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button3\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Change Management</a><br>

        <a href=\"products/cam.htm\" onmouseover=\"movepic(\'button2\',\'images/cam_orange.gif\')\"
onmouseout=\"movepic(\'button2\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button2\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Configuration &amp; Asset Management</a><br>

        <a href=\"products/slm.htm\" onmouseover=\"movepic(\'button4\',\'images/slm_orange.gif\')\"
onmouseout=\"movepic(\'button4\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button4\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Service Level Management</a><br>
       
        <a href=\"products/icm.htm\" onmouseover=\"movepic(\'button5\',\'images/icm_orange.gif\')\"
onmouseout=\"movepic(\'button5\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button5\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Inventory Control Management</a><br>
       
        <a href=\"products/sms.htm\" onmouseover=\"movepic(\'button8\',\'images/sm_orange.gif\')\"
onmouseout=\"movepic(\'button8\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button8\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Sales Management</a>
       
        <a href=\"products/pm.htm\" onmouseover=\"movepic(\'button6\',\'images/pm_orange.gif\')\"
onmouseout=\"movepic(\'button6\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button6\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span><br>
        Purchase Management</a><br>
       
        <a href=\"products/rm.htm\" onmouseover=\"movepic(\'button7\',\'images/rm_orange.gif\')\"
onmouseout=\"movepic(\'button7\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\">
<img name=\"button7\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Resource Management</a><br>


<p align=\"center\"><span style=\"position: absolute; left: 9; top: 160; z-index: -1\">
<img border=\"0\" src=\"images/wheel.gif\" width=\"250\" height=\"250\"></span></p>
Avatar billede erikjacobsen Ekspert
07. august 2000 - 10:39 #1
Du skal vel flytte </a> længere op:

<a href=\"products/rm.htm\" onmouseover=\"movepic(\'button7\',\'images/rm_orange.gif\')\"
onmouseout=\"movepic(\'button7\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\"></a>
<img name=\"button7\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></span>Resource
Management<br>

Hvis du også vil have mulighed for at klikke på billedet, uden mouseover, laver du en ekstra <a>...</a>:

<a href=\"products/rm.htm\" onmouseover=\"movepic(\'button7\',\'images/rm_orange.gif\')\"
onmouseout=\"movepic(\'button7\',\'images/transp.gif\')\"><span style=\"position: absolute; left: 9; top: 160; z-index: 1\"></a>
<a href=\"products/rm.htm\"><img name=\"button7\" SRC=\"images/transp.gif\" ALT=\"Image\" border=\"0\" width=\"250\" height=\"250\"></a></span>Resource
Management<br>
Avatar billede mortennorup Nybegynder
07. august 2000 - 10:59 #2
Hmm..hvis du flytter </a> derop vil teksten ikke længere indgå i href\'en. Prøvede at flytte teksten med derop ...z-index:1\">Resource Management</a> men det flyttede både på txten og på rm_orange.gif...
Avatar billede erikjacobsen Ekspert
07. august 2000 - 11:11 #3
Jeg så mig vist ikke for.... ;-) Skitse:

Hvad med  <a..><span...><img...></span></a><a ...mouse...>Resource</a>
Avatar billede mortennorup Nybegynder
07. august 2000 - 11:17 #4
Oh, but u r the man <8]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester