[JS] Image Rollover

[jvaneijk]

Ik ben bezig met een website aan het maken met een menu..
en de menu items zijn plaatjes.
nu wil ik dus als ik eroverheen ga met mijn muis dat het plaatje veranderd dus gewoon een mouseover eigenlijk. Maar nu moet het ook nog eens zo zijn dat als je hebt geklikt het plaatje van wanneer je eroverheen gaat blijft staan dus laat maar even zeggen.

Ik heb een blauw plaatje en Rood.
als ik met mijn muis over menu gaat dan gaat gij van blauw naar rood.
Heb ik hierna geklikt dan zou deze rood moeten blijven. en een andere pagina openen in een ander frame.

En nu komt het hij moet het ook nog eens doen in NS

hieronder mijn bestaande code

code:

function initRollovers() {
    if (!document.getElementById) return
    
    var aPreLoad = new Array();
    var sTempSrc;
    var aImages = document.getElementsByTagName('img');

    for (var i = 0; i < aImages.length; i++) {      
        if (aImages[i].className == 'imgover') {
            var src = aImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc = src.replace(ftype, '_o'+ftype);

            aImages[i].setAttribute('hsrc', hsrc);
            
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
            
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }   
            
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
        }
    }
}

[pagani]

Voeg een onclick functie toe welke een boolean zet. Controleer bij je mouseout functie op de boolean en klaar

[jvaneijk]

hardstikke bedankt, maar nu ben ik neit zo heel bekend met javascript nog, maar ik snap wel wat je bedoelt met boolean, maar zou niet weten hoe je dit moet opzetten. zou je misschien een klein opzetje voor mij kunnen maken ? of een voorbeeld zodat ik een beetje het idee heb hoe i het verder meot oplossen !?

hartelijk bedankt !!

[André]

Er staan miljoenen van dit soort script op het internet, bijna elke site maakt wel van dit soort dingen gebruik.

Ga es zoeken zou ik zeggen.

[pagani]

Maak een variabele aan, bijv. boolding=0;

Maak net als die andere on*-functies een onClick functie waarin je de boolean op 1 zet.

Controleer in de onMouseOut of de variabele 1 of 0 is. Klaar

[Pelle]

Zo te zien heb je je script hier vandaan:
http://www.bleedingego.co.uk/code/js/rollover/

Dus mail die knakker maar als je er iets aan wilt veranderen; wij gaan dat in ieder geval niet voor je zitten doen.