Ingrandimento "smooth" freeza il browser

[lyllo]

così non accade nulla.

non passi nulla nelle funzioni, le richiami e basta, ma come fa lo script a sapere
1) qual'è l'immagine da ingrandire/ridurre
2) prelevare l'altezza dallo style?

[lyllo]

ho modificato il tuo codice:

function increase(id){
	var imm = document.getElementById(id); 
    var hgt= imm.style.height.split("px");
    h = hgt[0];
    var stop= 100;
    if(typeof timeoutIdDecrease != 'undefined'){
        clearTimeout(timeoutIdDecrease);    
    }
    timeoutIdIncrease = setInterval(f, 5);

    function f(){     
        if(h<stop){
            h++;
            setHeight(imm,h);
        }
        else {
            clearTimeout(timeoutIdIncrease);
        }
    }
}
function decrease(id){
	var imm = document.getElementById(id); 
    var hgt= imm.style.height.split("px");
    h = hgt[0];
    var stop= 40;
    if(typeof timeoutIdIncrease != 'undefined'){
        clearTimeout(timeoutIdIncrease);    
    }
    var timeoutIdDecrease = setInterval(f, 5);

    function f(){     
        if(h>stop){
            h--;
            setHeight(imm,h);
        }
        else {
            clearTimeout(timeoutIdDecrease);
        }
    }

ora va un pò.
il punto che forse non è chiaro è che io ho una SERIE di immagini ognuna delle quali deve fare sta cavolo di cosa.
al momento le immagini si ingrandiscono ma non arrivano fino a 100, si bloccano sul cursore del mouse.
se sposto il muose su un'altra immagine la precedente non si riduce e poi iniziano a ridursi / ingrandirsi insieme, come se fossero la stessa cosa!!

[whisher]

Originariamente inviato da lyllo
così non accade nulla.

non passi nulla nelle funzioni, le richiami e basta, ma come fa lo script a sapere
1) qual'è l'immagine da ingrandire/ridurre
2) prelevare l'altezza dallo style?

Lo hai provato lo script ?

Con questo codice

window.onload= function(){ 
    var imgs= document.getElementById('menu').getElementsByTagName('img'); 
    var length= imgs.length; 
    for(var i= 0; i<length; i++){ 
        imgs[i].onmouseover=increase; 
        imgs[i].onmouseout=decrease; 
    } 
} 

cerco un div con id menu e tutte
le immagini al suo interno
'attacco' un event handler (le funzioni increase decrease)
ad ogni immagine.

Perchè usi un id me lo devi spiegare.
Alle brutte aggiungi una classe e la
usi come selettore.

Dai un occhio

http://javascript.html.it/articoli/l...non-intrusivo/

prelevare l'altezza dallo style

Prelevo direttamente l'altezza dell'immagine
img.height

[lyllo]

si il codice l'ho provato, ma ripeto, NON succede nulla

[whisher]

Originariamente inviato da lyllo
si il codice l'ho provato, ma ripeto, NON succede nulla

Devi copiare anche l'html

[lyllo]

l'html tuo <div id="menu">

l'ho cambiato uso capione, a mio uso e ci ho messo l'id del div mio che contiene le immagini...


però non va