Avatar billede sb Nybegynder
04. september 2001 - 18:42 Der er 3 kommentarer og
3 løsninger

Nyt biled ved OnMouseOver

Jeg har en link : <a href=\"fil.html\"><img src=\"1.jpg\"></a>

Hvordan får jeg biledet i linken til at skifte til 2.jpg når jeg fører musen over linken?
Avatar billede milpoer Nybegynder
04. september 2001 - 18:45 #1
<a href=\"onmouseover.htm\" onMouseover=\"document.billede.src=\'112698.gif\'\" onMouseout=\"document.billede.src=\'033199.gif\'\">Menupunkt 2</a>
Avatar billede milpoer Nybegynder
04. september 2001 - 18:46 #2
hvor 112598.gif skal være lig med 1.jpg
og
033199.gif = 2.jpg
Avatar billede fireworld Nybegynder
04. september 2001 - 18:49 #3
sådan her


<a href=\"fil.html\" onmouseover=\"document.all[\'picture\'].src=\'2.jpg\'\" onmouseout=\"document.all[\'picture\'].src=\'1.jpg\'\"><img id=\"picture\" src=\"1.jpg\"></a>
Avatar billede sb Nybegynder
04. september 2001 - 19:03 #4
Lige et lille tillegsspørgsmål : Det virker fint i HTML, men når jeg forsøger at udføre det i asp, virker det ikke :

response.write \"<a href=\'fil.html\' onmouseover=\'document.all[\'picture\'].src=\'01-over.gif\' onmouseout=\'document.all[\'picture\'].src=\'01.gif\'><img id=\'picture\' src=\'01.gif\' border=0></a>\"

Er det ikke muligt at udføre JavaScript i asp kode?
Avatar billede fireworld Nybegynder
04. september 2001 - 19:06 #5
hmmm du glemmer også noget
prøv denne

response.write \"<a href=\\\"fil.html\\\" onmouseover=\\\"document.all[\'picture\'].src=\'01-over.gif\'\\\" onmouseout=\\\"document.all[\'picture\'].src=\'01.gif\'\\\"><img id=\'picture\' src=\'01.gif\' border=0></a>\"
Avatar billede phineas_phreak Nybegynder
04. september 2001 - 19:27 #6
<script language=\"JavaScript\" type=\"text/javascript\">
function SwitchImg()
{
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
        store = SwitchImg.arguments[(navigator.appName == \'Netscape\')?rem:rem+1];
    if ((store.indexOf(\'document.layers[\')==0 && document.layers==null) ||
        (store.indexOf(\'document.all[\')==0 && document.all==null))
        store = \'document\'+store.substring(store.lastIndexOf(\'.\'),store.length);
        obj = eval(store);
    if (obj != null) {
        switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = SwitchImg.arguments[rem+2];
  } }
  document.Data = switcher;
}
function RestoreImg()
{
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
}
</script>

<a href=\".html\" onMouseOut=\"RestoreImg()\" onMouseOver=\"SwitchImg(\'document.test1\',\'document.test1\',\'2\')\"><img src=\"1\" name=\"test1\" width=\"0\" height=\"0\" alt=\"\" border=\"0\"></a>

Ovenstående skulle virke. Husk bare at hvis du indsætter flere, skal du ændre name så hvert sæt billeder har deres eget unike navn.
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