Avatar billede hirtshals Nybegynder
01. september 1999 - 09:35 Der er 2 kommentarer og
1 løsning

On Mouse Over

Jeg har i lang tid brugt flg script

<script language="JavaScript">


<!-- Begin
function move_in(img_num,img_name) {
document.images[img_num].src=img_name;
}

function move_out(img_num,img_name) {
document.images[img_num].src=img_name;
}
// End -->
</script>

<tr VALIGN="TOP">
    <td><a href="index3.htm" target="main" onmouseover="move_in(0,'knap/home2.gif')"
    onmouseout="move_out(0,'knap/home1.gif')"><img src="knap/home1.gif" alt="Home" border="0"
    WIDTH="140" HEIGHT="30"></a></td>
  </tr>
  <tr VALIGN="TOP">
    <td><a href="java/java.htm" target="main" onmouseover="move_in(1,'knap/java2.gif')"
    onmouseout="move_out(1,'knap/java1.gif')"><img src="knap/java1.gif"
    alt="Free JAVA-Applets" border="0" WIDTH="140" HEIGHT="30"></a></td>
  </tr>

Nu kunne jeg godt tænke mig det udbygget.

Er der nogen der ligger inde med et script, der ud over mouseover swap, med 2 billeder, inkluderer et 3 billed der er brugt til det menu punkt der er valgt. Altså en Button High, en Button Low, og en Button Selected.

Samtidig må der i starten af scriptet, gerne være et lille Array, der loader alle billederne, så når man kører musen over en knap, skal man ikke vente på den loader, men henter grafikken fra cachen

På Forhånd tak
Henrik
Avatar billede pingo Nybegynder
01. september 1999 - 10:48 #1
<script language="JavaScript">
<!-- Begin

oldimg_num = null;
oldimg_name = null;


function move_in(img_num,img_name) {
document.images[img_num].src=img_name;
}

function move_out(img_num,img_name) {
document.images[img_num].src=img_name;
}

function mouse_click(img_num,img_name)
{
    document.images[img_num].src=img_name;

    if (oldimg_num != null)
    {
        document.images[oldimg_num].src=oldimg_name;       
    }
    oldimg_num = img_num;
    oldimg_name = img_name;
}
// End -->
</script>

<tr VALIGN="TOP">
    <td><a href="index3.htm" target="main" onmouseover="move_in(0,'knap/home2.gif')"
    onmouseout="move_out(0,'knap/home1.gif')" onclick="mouse_click(0,'knap/home3.gif')"><img src="knap/home1.gif" alt="Home" border="0"
    WIDTH="140" HEIGHT="30"></a></td>
  </tr>
  <tr VALIGN="TOP">
    <td><a href="java/java.htm" target="main" onmouseover="move_in(1,'knap/java2.gif')"
    onmouseout="move_out(1,'knap/java1.gif')" onclick="mouse_click(1,'knap/java3.gif')"><img src="knap/java1.gif"
    alt="Free JAVA-Applets" border="0" WIDTH="140" HEIGHT="30"></a></td>
  </tr>



Avatar billede hirtshals Nybegynder
01. september 1999 - 11:23 #2
Tak for hjælpen :-)
Avatar billede pingo Nybegynder
01. september 1999 - 12:07 #3
NP.
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