Billed-link, der volder problemer ved mouse-click agtigt noget...

Hælløw dér!

Jeg er ved at fuldende et design til et eksamensprojekt, som skal afleveres på torsdag den 30. maj.

Tjek følgende link:
http://www.design-addict.dk/BatonRouge/diverse/website/
...designet er ikke færdigt endnu, men menu-bar'en øverst er (næsten) klar til brug. Eneste problem med den er, at der skal være en effekt magen til mouseOver-effekten, når brugeren HAR klikket og altså aktiveret et af linksene.


Kode-eksempel:

<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) {
        band_info_over = newImage("images/band-info-over.gif");
        musik_over = newImage("images/musik--over.gif");
        galleri_over = newImage("images/galleri--over.gif");
        gbog_over = newImage("images/gbog-over.gif");
        anmeldelser_over = newImage("images/anmeldelser-over.gif");
        kontakt_over = newImage("images/kontakt-over.gif");
        preloadFlag = true;
    }
}

// -->
</script>


Eksempel på en af "knapperne":

<a href="band-info.html" target="iframe" onFocus="this.blur();"
                onmouseover="changeImages('band_info', 'images/band-info-over.gif'); return true;"
                onmouseout="changeImages('band_info', 'images/band-info.gif'); return true;">
                <img name="band_info" src="images/band-info.gif" width=133 height=47 border=0></a>

Det vil være en meget stor hjælp, hvis en derude vil hjælpe mig med dette inden for en times tid, så derfor ofrer jeg 60 point på et sikkert ellers rimelig let problem...

/Anders.