Avatar billede monstermand Nybegynder
22. september 2001 - 16:30 Der er 1 kommentar og
1 løsning

OnMouseOver

Har lige et spørgsmål!

Jeg har en onmouseover funktion på min hjemmeside som gerne skulle fremkalde to forskellige billeder to forskellige steder på siden. Jeg har ikke svært ved at få et billede til at komme frem når man holder musen over linket! Problemet kommer som sagt når det drejer sig om 2 billeder!
Min side ser ud som følger:

<HTML>
<head>

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        forsidebeskrivelse_over = newImage(\"gif/beskrivelse/forsidebeskrivelse.gif\");
        firmaprofilbeskrivelse_over = newImage(\"gif/beskrivelse/firmaprofilbeskrivelse.gif\");
        produkterbeskrivelse_over = newImage(\"gif/beskrivelse/produkterbeskrivelse.gif\");
        vedligeholdelsebeskrivelse_over = newImage(\"gif/beskrivelse/vedligeholdelsebeskrivelse.gif\");
        kontaktbeskrivelse_over = newImage(\"gif/beskrivelse/kontaktbeskrivelse.gif\");
        permanent_over = newImage(\"gif/beskrivelse/permanent.gif\");
        forsidebeskrivelse_over = newImage(\"gif/linje/forsidelinje.gif\");
        firmaprofilbeskrivelse_over = newImage(\"gif/linje/firmaprofillinje.gif\");
        produkterbeskrivelse_over = newImage(\"gif/linje/produkterlinje.gif\");
        vedligeholdelsebeskrivelse_over = newImage(\"gif/linje/vedligeholdelselinje.gif\");
        kontaktbeskrivelse_over = newImage(\"gif/linje/kontaktlinje.gif\");
        permanent_over = newImage(\"gif/linje/permanentlinje.gif\");




        preloadFlag = true;
    }
}

// -->

<!--
window.defaultStatus = document.title;
// -->

</SCRIPT>

</head>


<body ONLOAD=\"preloadImages();\" background=\"gif/mainmenu.gif\" bgproperties=\"fixed\">


<div align=\"left\">
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"123\">
    <tr>
      <td rowspan=\"2\" valign=\"top\" align=\"left\"><img src=\"gif/linje/permanentlinje.gif\" name=\"permanentlinje\"></td>
      <td><img src=\"gif/beskrivelse/permanent.gif\" name=\"permanent\" width=\"120\" height=\"82\"></td>
    </tr>
    <tr>
      <td align=\"left\"><img src=\"gif/menu.gif\" usemap=\"#Map\" border=\"0\" width=\"120\" height=\"240\"></td>
    </tr>
  </table>
</div>
<p>

<br>
  <map name=\"Map\">
    <area shape=\"rect\" coords=\"42,2,120,58\" href=\"forside.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/forsidebeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
    <area shape=\"rect\" coords=\"29,58,100,108\" href=\"pages/firmaprofil.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/firmaprofilbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
    <area shape=\"rect\" coords=\"21,108,90,154\" href=\"pages/produkter.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/produkterbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
    <area shape=\"rect\" coords=\"2,154,90,204\" href=\"pages/vedligeholdelse.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/vedligeholdelsebeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
    <area shape=\"rect\" coords=\"31,204,90,241\" href=\"pages/kontakt.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/kontaktbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
</map>
</p>
</HTML>

Det er permanentlinje jeg også vil have skiftet ud med andre linjer!
Avatar billede olebole Juniormester
22. september 2001 - 17:24 #1
<ole>
Script\'et er skrevet så det \'bladrer\' de argumenter igennem i par af to, du sender med til funktionen, når du kalder den (\'argumenter\' er de ting, du skriver i kaldets parentes):

ONMOUSEOVER=\"changeImages(\'permanent\',\'gif/beskrivelse/firmaprofilbeskrivelse.gif\',\'billedNavn\',\'billede.gif\'); return true;\"

...og så må du selv gætte, hvordan man skifter tre  ;o)
/mvh
</bole>
Avatar billede monstermand Nybegynder
22. september 2001 - 22:40 #2
har gættet det! :o)
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