AFFICHAGE D'IMAGE

//-------------------------------------------------------------
//  Nom Document : voile
//  Auteur       : kazma
//  Objet        : image voile et zoom   http://www.javascriptfr.com/
//  Création     : 05.10.2009
//-------------------------------------------------------------
//  Mise à Jour  : 00.00.0000
//  Objet        : neant
//-------------------------------------------------------------
//-(*)------------------
var imag = new Image();
var bobo=1
var hou=0
function precharge(ii){

if(bobo==1){
document.documentElement.lastChild.appendChild(document.createElement('div')).setAttribute("id",'voile');
document.documentElement.lastChild.appendChild(document.createElement('img')).setAttribute("id",'imadiv');
var imad=document.getElementById('imadiv');
imad.src="res/animation.gif";
imad.style.position='absolute';
imad.style.height=100+"px";
sscro()
var vo=document.getElementById('voile');
vo.style.position='absolute';
vo.style.top=0+"px";
vo.style.left=0+"px";
vo.style.backgroundColor="gray";
if(document.all && !window.opera){ 
vo.style.filter = 'alpha(opacity=10)';
vo.attachEvent("onclick",quit);
window.attachEvent("onresize", sscro);
window.attachEvent("onscroll", sscro);
} 
else{ 
vo.style.opacity =0.1;
vo.setAttribute("onclick","quit()");
window.addEventListener("resize", sscro, false);
window.addEventListener("scroll", sscro, false);
}
imag.src = "images/"+ii+".jpg";
var nomima="images/"+ii+".jpg";
bobo=2
}

if(navigator.oscpu||navigator.vendor){
imag.onload=function(){
voile(nomima)}
bobo=1
} 
else{
if(imag.complete==true){
bobo=1
voile(nomima)
return false
}
setTimeout(precharge,100)
}
} 

function quit(){

if(navigator.appName.substring(0,5)=="Micro"){
window.detachEvent("onresize", sscro);
window.detachEvent("onscroll", sscro);
}
else{
window.removeEventListener("resize", sscro, false);
window.removeEventListener("scroll", sscro, false);
}
document.getElementById('voile').parentNode.removeChild(document.getElementById('voile'));
document.getElementById('imadiv').parentNode.removeChild(document.getElementById('imadiv'));
}

function sscro(){

var dde=document.documentElement;
var vo=document.getElementById('voile')
var imad=document.getElementById('imadiv')
imad.style.left=((dde.clientWidth-imad.offsetWidth)/2)+'px';
if(navigator.vendor){
imad.style.top=(dde.clientHeight-imad.offsetHeight)/2+dde.lastChild.scrollTop+"px";
vo.style.height=dde.clientHeight+dde.lastChild.scrollTop+"px";
vo.style.width=dde.clientWidth+dde.lastChild.scrollLeft+"px";
} 
else{
imad.style.top=(dde.clientHeight-imad.offsetHeight)/2+dde.scrollTop+"px";
vo.style.height=dde.clientHeight+dde.scrollTop+"px";
vo.style.width=dde.clientWidth+dde.scrollLeft+"px";
}
}

function voile(noim){

var imad=document.getElementById('imadiv');
var vo=document.getElementById('voile')
if(hou==0){
imad.style.filter = 'alpha(opacity=0)';
imad.src=noim;
imad.style.height=90+"%";
} 

if(hou<1){
hou+=0.1
sscro()
if(document.all && !window.opera){
vo.style.filter = 'alpha(opacity='+(hou*50)+')';
imad.style.filter = 'alpha(opacity='+(hou*100)+')';
} 
else{ 
vo.style.opacity =hou/2;
imad.style.opacity =hou;
}
setTimeout(voile,1)
}
else{ 


if(navigator.appName.substring(0,5)=="Micro"){
imad.attachEvent('onmousewheel',dirizoom);
imad.attachEvent("onmousemove",tarto);
imad.attachEvent("oncontextmenu", function(){return false});
imad.attachEvent('onmousewheel', selecte)
}
else{
imad.setAttribute("onmousemove","tarto(event)");
document.addEventListener("contextmenu", selecte, false)

if (navigator.userAgent.indexOf("Firefox") != -1){
imad.addEventListener('DOMMouseScroll', dirizoom, false);
imad.addEventListener("DOMMouseScroll", selecte, false)
}
else{
imad.addEventListener('mousewheel', dirizoom, false);
imad.addEventListener("mousewheel", selecte, false)
}
}
sscro()
hou=0
}
}
function tarto(s){

var dde=(navigator.vendor) ? document.documentElement.childNodes[1] : document.documentElement;
setX =((navigator.appName.substring(0,3)=="Mic") ? event.clientX : s.clientX) + dde.scrollLeft;
setY =((navigator.appName.substring(0,3)=="Mic") ? event.clientY : s.clientY) + dde.scrollTop;
return false;
}

function selecte(ev){
(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : ev.preventDefault();
}

function dirizoom(e){
var delta = 0;
if (!e) e = window.event;
if (e.wheelDelta) {
delta = e.wheelDelta/120; 
} else if (e.detail) {
delta = -e.detail/3;
}
if(delta<0){
val=-0.15;
}
else{
val=0.15;
}
imad=document.getElementById('imadiv');
var dirle=(imad.offsetWidth/2)-(setX-(imad.parentNode.offsetLeft+imad.offsetLeft));
var dirto=(imad.offsetHeight/2)-(setY-(imad.parentNode.offsetTop+imad.offsetTop));
var lf=imad.offsetWidth;
var rf=imad.offsetHeight;
imad.style.width=lf+(lf*val)+'px';
imad.style.height=rf+(rf*val)+'px';
imad.style.left=imad.offsetLeft-((imad.offsetWidth-lf)/2)+(dirle*val)+'px';
imad.style.top=imad.offsetTop-((imad.offsetHeight-rf)/2)+(dirto*val)+'px';
}