1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
| function show_popup(image,hauteurs,largeurs)
{
running = true;
//si l'image existe dja, on la delete pour en replacer une autre direct
if(document.getElementById('test'))
{
running = false;
var noeud=document.getElementsByTagName("div")[5].childNodes[1];
disparu = document.getElementsByTagName("div")[5].removeChild(noeud);
}
var nouveauB = document.createElement("div");
var texte_nouveauB = document.createTextNode("");
nouveauB.appendChild(texte_nouveauB);
nouveauB.setAttribute("id","test");
nouveauB.setAttribute("style","-moz-opacity:0;");
//si c'est ie
if(!!document.all)
{ nouveauB.style.setAttribute("cssText","filter:alpha(opacity=0);");}
document.getElementById("toto").insertBefore(nouveauB, document.getElementById("tata"));
document.getElementById('test').style.display = "block";
var test = document.getElementById('test')
test.style.width = largeurs+'px';
test.style.height = hauteurs+'px';
test.style.backgroundImage = 'url('+image+')';
test.style.marginLeft = "auto";
test.style.marginRight = "auto";
test.style.zIndex = 100;
//ici c'est le conteneur de l'image qui garde une taille fixe pour stabiliser l'image
document.getElementById('toto').style.display = "block";
var cadre = document.getElementById('toto');
cadre.style.backgroundColor = "#CBE1B7";
cadre.style.width = "400px";
cadre.style.height = "400px";
cadre.style.marginLeft = "auto";
cadre.style.marginRight = "auto";
cadre.style.borderTop = "2px solid black";
cadre.style.zIndex = 1;
//_______OPACITE______________________________________________________________________________________________________
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("test");
function fadePic()
{ running = true;
if (opacite<max && up)
{opacite +=5;}
// if (opacite>min && !up){opacite-=2;}
if (opacite>=max){up=false;running = false;}
if (opacite<=min){up=true; running = true}
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("test").style.opacity=opacite/100;
}
if(running)
{ setInterval(function(){fadePic();},100);}
} |
Partager