Avatar billede Cars10 Praktikant
05. juli 2005 - 10:30 Der er 4 kommentarer og
1 løsning

Kan ikke få mouseover på billeder til at virke

Her er min kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
    <title>xxxx</title>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="styles/style.css">

    <SCRIPT TYPE="text/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) {
            knap06_over = newImage("images/roll_06.jpg");
            knap07_over = newImage("images/roll_07.jpg");
            knap08_over = newImage("images/roll_08.jpg");
            knap09_over = newImage("images/roll_09.jpg");
            knap10_over = newImage("images/roll_10.jpg");
            knap11_over = newImage("images/roll_11.jpg");
            preloadFlag = true;
        }
    }

    // -->
    </SCRIPT>

</head>
<body ONLOAD="preloadImages();">
<!-- #INCLUDE FILE="admin/page_top.asp" -->

    <table border="0" id="sidecentreringTabel">
    <tr>
    <td id="sidecentreringCelle">
    <div id="sidecentrering">

   
    <div id="ramme">
        <div id="side">
            <div id="topmenu">
                <a onmouseover = "changeImages('knap06', 'images/roll_06.jpg'); return true;" onmouseout = "changeImages('knap06', 'images/alm_06.jpg'); return true;" href="?page=xxxx" class="menu"><IMG SRC="images/alm_06.jpg" WIDTH="103" HEIGHT="29" BORDER="0" ALT="" class="menu"></a><a href="?page=xxxx" class="menu"><IMG SRC="images/alm_07.jpg" WIDTH="90" HEIGHT="29" BORDER="0" ALT="" class="menu"></a><a href="?page=xxxx" class="menu"><IMG SRC="images/alm_08.jpg" WIDTH="109" HEIGHT="29" BORDER="0" ALT="" class="menu"></a><a href="?page=xxxx" class="menu"><IMG SRC="images/alm_09.jpg" WIDTH="84" HEIGHT="29" BORDER="0" ALT="" class="menu"></a><a href="?page=xxxx" class="menu"><IMG SRC="images/alm_10.jpg" WIDTH="50" HEIGHT="29" BORDER="0" ALT="" class="menu"></a><a href="?page=xxxx" class="menu"><IMG SRC="images/alm_11.jpg" WIDTH="63" HEIGHT="29" BORDER="0" ALT="" class="menu"></a>
            </div>
            <div id="info">
                xxxx
            </div>
            <div id="main">
                xxxx
            </div>
        </div>
        <div id="logo">
            xxxx
        </div>
    </div>

    </div>
    </td>
    </tr>
    </table>

</body>
</html>
Avatar billede milandt Nybegynder
05. juli 2005 - 10:50 #1
der er en del småfejl i dit script. jeg har desværre ikke tid at skrive det om, måske nogle andre har. hvis ikke kan du måske bedre sætte dig in i denne stump kode. plejer at gøre det på denne måde når jeg skal lave en mouseover effekt.

<script language="javascript" type="text/javascript">
<!--
image_over = new Image(); image_over.src = "img/image_over.gif";
image_out = new Image(); image_out.src = "img/image_out.gif";

function doOver(what) {
    eval("document.getElementById('" + what + "').src = " + what + "_over.src");
}
function doOut(what) {
    eval("document.getElementById('" + what + "').src = " + what + "_out.src");
}
// -->
</script>

<img id="image" onMouseOver="doOver('image');" onMouseOut="doOut('image');" src="">
Avatar billede Cars10 Praktikant
05. juli 2005 - 11:08 #2
Nåh jeg fandt fejlen. Jeg havde glemt at sætte en name attribut på billederne. Jeg kan dog ikke se de andre fejl, prøv lige at skrive hvor det er galt.
Avatar billede roenving Novice
05. juli 2005 - 12:35 #3
>>milandt

Hvorfor går du over hvor det kræver flest kræfter, når du bare kan:

function doOver(what) {
  document.getElementById(what).src = what + "_over.src";
}
Avatar billede Cars10 Praktikant
03. september 2005 - 11:59 #4
lukker
Avatar billede roenving Novice
05. september 2005 - 02:42 #5
Tak for hjælpen ,-(
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