ciao a tutti,
js
function carica(imgsrc){
var box = document.getElementById('box');
imgLoader = new Image();
imgLoader.onload = function(){
imgW = this.width;
imgH = this.height;
imgLoaded=true;
imgLoader.onload=null;
showImg();
}
imgLoader.onscroll = function(){
// qui gestione dello scroll del div box
}
imgLoader.src = imgsrc;
function showImg(){
box.style.width = imgW+'px';
box.style.height = imgH+'px';
box.style.position = 'absolute';
box.style.left = '50%';
box.style.top = '50%';
box.style.marginTop = '-'+((imgH/2)+'px');
box.style.marginLeft = '-'+((imgW/2)+'px');
box.appendChild(imgLoader);
}
return false;
}
html
carica immagine</p>
al clik, l' immagine dentro href viene caricata in un div e centrata nello schermo
se però c'è uno scroll del browser, l' immagine non viene più centrata e non so come gestire lo scrollTop e scrollLeft in maniera cross-browser
In altre parole vorrei che il layer con l' immagine fosse sempre centrato nello schermo, indipendentemente dallo scroll, avevo pensato all' evento onscroll ma non ho risolto
Rispondi quotando
