Lightbox diaporama
Description
j'ai fait pas mal de sources pour afficher des images mai j'avais jamais fait de diaporama et bien c'est chose faite
pour ce diapo les image sont redimensionnée par animation en hauteur et largeur et elles s'adaptent a la taille de l'ecran
++
page de teste
pour ce diapo les image sont redimensionnée par animation en hauteur et largeur et elles s'adaptent a la taille de l'ecran
++
page de teste
Source / Exemple :
var kbox={
imag:new Image(),
tbimage:['tigre.jpg','graffitis.jpg','arc-en-ciel.jpg','bougies.jpg','chameau.jpg','foudre.jpg','arbres.jpg','oiseaux.jpg','fleuve.jpg'],
compteur:0,
carreh:300,
carrew:300,
taillew:0,
tailleh:0,
ratiow:0,
ratioh:0,
bouton:0,
preco:0,
fond:0,
divim:0,
preci:0,
dde:document.documentElement,
chemin:'kbox/images/', //repertoire pour les images
res:'kbox/res/', //repertoire pour les resources
voile:function(ii){
var ddn=(navigator.vendor) ? document.body : document.documentElement;
kbox.preco=document.body.appendChild(document.createElement('div'));
with (kbox.preco.style){
width = 100+"%";
height =100+"%";
position='fixed';
top=0+"px";
left=0+"px";
filter = 'alpha(opacity=30)';
opacity = 0.3;
backgroundColor="black";
cursor='pointer';
zIndex=kbox.zidex();
}
kbox.fond=document.body.appendChild(document.createElement('div'));
with (kbox.fond.style){
height=kbox.carreh+'px';
width=kbox.carrew+'px';
position='absolute';
left=((kbox.dde.clientWidth-kbox.fond.offsetWidth)/2)+ddn.scrollLeft+"px";
top=((kbox.dde.clientHeight-kbox.fond.offsetHeight)/2)+ddn.scrollTop+"px";
backgroundColor="black";
zIndex=kbox.zidex();
}
kbox.bouton=document.body.appendChild(document.createElement('div'));
with (kbox.bouton.style){
height=30+'px';
width=90+'px';
backgroundColor='black';
borderStyle='solid'
borderWidth=1+'px'
borderColor='white'
MozBorderRadius='5px';
WebkitBorderRadius='5px';
OBorderRadius='5px';
BorderRadius='5px';
zIndex=kbox.zidex()+1;
position='fixed';
left=((kbox.dde.clientWidth-kbox.bouton.offsetWidth)/2)+ddn.scrollLeft+"px";
bottom=20+'px';
}
var bouton1=document.createElement('div');
with (bouton1.style){
height=30+'px';
width=35+'px';
backgroundColor='black';
if(parseInt(navigator.userAgent.substring(30,31))<=7){
backgroundImage='url("'+kbox.res+'gauche.png")';
}
else{
backgroundImage='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS43p4SdzAAAA4VJREFUWEftlmtIU2Ecxt3ctRqkKMZIDcorwr5UmBUhQWqRUSBSX2Sp+MHphwkKgshAwRCcUgiihBCGOkHxjiYqKWrmpdjG0h3v87bmZbpb6Tk9EwUZMbbp/LQDD+85Z7w7v/P8/+/zHi8vz+FxwOOAfQcGBgZYi4uLN7a2thL39vZyRkZGgjGDfmG+AYA+OTnJW11dvbO7uys2GAytFotlFaOivr7+EUCYboXp6emhKRQK7tzcXOD6+vpLvV7/0Wg0yk0mk95sNh9C1Pb2trq8vDwBIBy3wHR0dHirVCq/tbW1+zqdLg9ODMAB7f7+/h+UhYSoE21ubhKlpaXPzhVmeHiYPj09zZ2dnQ2BC2/xxp92dnZUADHhnER/UP+TRqNRl5SUnB1GKpXSRkdHmQAIWFhYeLixsVGCB4/9xqHVag9wTQHMrjCPKCoqeuqyM1VVVXSsgCvz8/MClCIND5TB7mWcm5eXl8mlpSXKUc3MzBASicQ5Z/r6+mjj4+Osqampa3ibFwB4j5XxbWVlRY/rQ4IgKLVa7bTkcjlRUFDgmDMpKSm0rq4uDiZFwgkxavwFGaFBaSxoUlKpVFJYMS5rYmKCyM/Pd8yZmJgYRkVFxU0sU8nQ0NBPuGNAXpBwiMJ4ZqHcRG5urmMwNBrNm8lk+gQFBd2Nj48XZ2dnN1RWViq7u7v1gDvAn5FoYspVIQwJsVjsGMxxEHljvEyn0wN5PN69sLAwYUJCghS1Hqyrq9N0dnYa+/v7ycHBQcpZwXE1XtCxnrFJRev+wYZbviwWK9zX1zdeIBDkpKamfkZw/QCYDmB/e3t7KUfV3t5OZGZmOuWMbVLTcOPILYDxAXYbZXwTFxf3TiQSdaHH5puamoxtbW2HSGPKnpqbm9UZGRlngjkNZwWzbnJXGQzGLR8fn8cRERGixMTEGpTxe3V1tbahocGCh5ItLS2UrfAbkZaWdm4wp8GsZeSitwLYbLbA39//VXR0tCQ9Pb21uLj4V01NzR526MPGxkZKJpMdCaUlhEKhW2BOwE7c4qGMwVwu90FISEg6VuOHrKysr9hG1mtra80AITGqkWVuhbF1i40bfoiISLj1PCoqKi85OVlWWFioKCsrG0tKSnri8t7k4neH1S3GcURc53A40Xw+/3VsbKwwNDQ03O0fV3agjyLC2vQoox/GSxf62emim55pHgeccuAfIhBefg1hF40AAAAASUVORK5CYII=)';
}
MozBorderRadius='5px';
WebkitBorderRadius='5px';
BorderRadius='5px';
}
bouton1.onclick=function(){kbox.suite('moins')}
kbox.bouton.appendChild(bouton1);
var bouton2=document.createElement('div');
with (bouton2.style){
height=30+'px';
width=35+'px';
marginLeft=55+'px';
marginTop=-30+'px';
backgroundColor='black';
if(parseInt(navigator.userAgent.substring(30,31))<=7){
backgroundImage='url("'+kbox.res+'droite.png")';
}
else{
backgroundImage='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMtfuaUMAAAONSURBVFhH7VVrSFNhGNbl5rdqkKIYkhqUV4T9qTArQoK8HDIKROqPLBV/ePkxQUEQGSgYghcKQZQQwlAnKN4mmqikqJmXwonpjvM2b8vb1LmVnq9n0A8J0ePUAvHAwzmHs+/9nu95nvedjc35da7AGVNA0N3d7bGxsZG8srISPjU1db29vV30v84oLC8vf7i1taU2m81zuNeur6/L5+bmbg8MDEhATPAviZH8/PzQ1dVVjclkosDu9va2wWg0DhsMhncLCwvPJiYm3NRqtbi5udn2tImRnJwcZmlpiYVVdA+4zc3Nn1BKD6Xal5eXU+fn5++Njo46NTQ0XDgtUiQ7O5vR6XQaZIbuB6jGgdD22traKJ7fQ61X4+PjnkNDQ+Kurq4TtZFkZmaGTU5OstiEHoTFxUWq1+t3fuACqV68Z2PdAxBz6enpEebl5R3bRqJQKJixsTF2enqa8sXMzAwH20ywdwYHUOI5RqvVStGZl4uKiqxWi6Snp4cNDw+zGo2GHhUsy1Koszs7O2tAB34GsTd4fzo4OHi1r69P1NraeiS1SFpaGtPf38+iY6i1GBkZoQg3B8vMmFWIoO4jlJLjkH4qlYpERUXxIkVSUlIYyMtirtDjAopYanBQZauzs/MbxoGioKDgRmBgoB2fDiRyuZzBcGMRQmotcBgOm+80NTUZCgsLR5KSkipCQkLk7u7ud4RCoYOtrS2vcUCwMAwn0HR0dNCjoq2tjWtsbDSWlZXpkL2O0NDQPG9vb5lEIrkrEAjcoMYlgBcRi3IkPj6eqa+vZ1taWihfgMAvEFjGwPwaHR39QSqVJjs6OoaIRCIfqOCIuvbAkbuKxMXFMdXV1RpMVnoQ6urqdquqqozIgDYhIUEVHBz8Gja8BIFbIOC6RwVeYd0vQyQmJoapqKhga2pq6N8ASQ7fzMXFxXrY8CU8PLzE19c3wcHB4ZGdnd1NFLwCCAGrCewlRWQyGQPJWaVSSS2orKyk+CffLSkp2cjKyvoeGxtbGxAQoHB2dn5ub28vRRZcUEBsjQ2HdZRlBjClpaUaEOJwN2GsLyQmJn5CN7z19PSMFYvF92GDBwpJTlKFfW2KiIh4nJub25uRkaGOjIxU+vv7p0KFJ2hJPyxwsjaMh6mw33ehl5eXT1BQkMzV1fUFISQANlz7E0bLoDqRLPAlZmm/i7DBooAljFa1JN/Nzn93rsCZUeA3L05efh1emdIAAAAASUVORK5CYII=)';
}
MozBorderRadius='5px';
WebkitBorderRadius='5px';
BorderRadius='5px';
}
bouton2.onclick=function(){kbox.suite('plus')}
kbox.bouton.appendChild(bouton2);
for (var i=0; i<kbox.tbimage.length; i++){
if(kbox.tbimage[i]==ii){
kbox.compteur=i;
}
}
kbox.precharge(ii);
},
suite:function(sens){
if(kbox.imag.complete==true){
document.body.removeChild(kbox.divim);
}
if(sens=='plus'){
kbox.compteur++;
if(kbox.compteur==kbox.tbimage.length){
kbox.compteur=0;
}
kbox.precharge(kbox.tbimage[kbox.compteur]);
}
else{
kbox.compteur--;
if(kbox.compteur==-1){
kbox.compteur=kbox.tbimage.length-1;
}
kbox.precharge(kbox.tbimage[kbox.compteur]);
}
},
imprech:function(){
var ddn=(navigator.vendor) ? document.body : document.documentElement;
kbox.preci=document.body.appendChild(document.createElement('img'));
if(parseInt(navigator.userAgent.substring(30,31))<=7){
kbox.preci.src=kbox.res+"animation.gif";
}
else{
kbox.preci.src="data:image/gif;base64,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";
}
with (kbox.preci.style){
position='absolute';
height=70+"px";
zIndex=kbox.zidex();
left=((kbox.dde.clientWidth-kbox.preci.offsetWidth)/2)+ddn.scrollLeft+"px";
top=((kbox.dde.clientHeight-kbox.preci.offsetHeight)/2)+ddn.scrollTop+"px";
}
},
precharge:function(ii){
kbox.imprech();
if(kbox.imag.getAttribute("src")!=null){
var nomimg=kbox.imag.getAttribute("src").lastIndexOf("/")+1;
nomimg=kbox.imag.getAttribute("src").substring(nomimg);
if(nomimg==ii){
kbox.taille();
return false;
}
}
kbox.imag.src =kbox.chemin+ii;
kbox.imag.onload=kbox.taille
},
taille:function(){
kbox.preci.parentNode.removeChild(kbox.preci);
if(kbox.imag.width<=kbox.dde.clientWidth-100 && kbox.imag.height<=kbox.dde.clientHeight-100){
kbox.tailleh=kbox.imag.height;
kbox.taillew=kbox.imag.width;
kbox.ratiow=(kbox.taillew-kbox.carrew)/25;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/25;
kbox.carreh=kbox.tailleh;
kbox.carrew=kbox.taillew;
kbox.carre();
return false;
}
kbox.tailleh=kbox.imag.height;
kbox.taillew=kbox.imag.width;
if(kbox.imag.width>kbox.dde.clientWidth-100){
kbox.taillew=kbox.dde.clientWidth-100;
kbox.tailleh=Math.round((kbox.imag.height/kbox.imag.width)*kbox.taillew);
}
if(kbox.tailleh>kbox.dde.clientHeight-100){
kbox.tailleh=kbox.dde.clientHeight-100;
kbox.taillew=Math.round((kbox.imag.width/kbox.imag.height)*kbox.tailleh);
}
kbox.ratiow=(kbox.taillew-kbox.carrew)/25;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/25;
if(kbox.ratiow < 1 && kbox.ratiow > 0){
kbox.ratiow=1
}
if(kbox.ratiow > -1 && kbox.ratiow < 0){
kbox.ratiow=-1
}
if(kbox.ratioh < 1 && kbox.ratioh > 0){
kbox.ratioh=1
}
if(kbox.ratioh > -1 && kbox.ratioh < 0){
kbox.ratioh=-1
}
kbox.carreh=kbox.tailleh;
kbox.carrew=kbox.taillew;
kbox.carre();
},
carre:function(){
var ddn=(navigator.vendor) ? document.body : document.documentElement;
if(kbox.ratioh>0){
if(kbox.fond.offsetHeight+Math.round(kbox.ratioh)>kbox.tailleh+20){
kbox.fond.style.height=kbox.tailleh+20+'px';
}
}
if(kbox.ratioh<0){
if(kbox.fond.offsetHeight+Math.round(kbox.ratioh)<kbox.tailleh+20){
kbox.fond.style.height=kbox.tailleh+20+'px';
}
}
if(kbox.ratiow>0){
if(kbox.fond.offsetWidth+Math.round(kbox.ratiow)>kbox.taillew+20){
kbox.fond.style.width=kbox.taillew+20+'px';
}
}
if(kbox.ratiow<0){
if(kbox.fond.offsetWidth+Math.round(kbox.ratiow)<kbox.taillew+20){
kbox.fond.style.width=kbox.taillew+20+'px';
}
}
if(kbox.fond.offsetWidth==kbox.taillew+20 && kbox.fond.offsetHeight==kbox.tailleh+20){
kbox.fond.style.left=((kbox.dde.clientWidth-kbox.fond.offsetWidth)/2)+ddn.scrollLeft+"px";
kbox.fond.style.top=((kbox.dde.clientHeight-kbox.fond.offsetHeight)/2)+ddn.scrollTop+"px";
kbox.rimage();
return false;
}
kbox.fond.style.height=kbox.fond.offsetHeight+Math.round(kbox.ratioh)+'px';
kbox.fond.style.width=kbox.fond.offsetWidth+Math.round(kbox.ratiow)+'px';
kbox.fond.style.left=((kbox.dde.clientWidth-kbox.fond.offsetWidth)/2)+ddn.scrollLeft+"px";
kbox.fond.style.top=((kbox.dde.clientHeight-kbox.fond.offsetHeight)/2)+ddn.scrollTop+"px";
setTimeout(kbox.carre,10);
},
rimage:function(){
kbox.divim=document.body.appendChild(document.createElement('img'));
kbox.divim.src=kbox.imag.getAttribute("src");
with (kbox.divim.style){
position='absolute';
width=kbox.taillew-20+'px';
height=kbox.tailleh-20+'px';
borderStyle='solid'
borderWidth=1+'px'
borderColor='white'
zIndex=kbox.bouton.style.zIndex-1
}
kbox.opaci(30);
},
opaci:function(opab){
var db=(navigator.vendor ? document.body : kbox.dde);
kbox.divim.style.left=(kbox.dde.clientWidth-kbox.divim.offsetWidth)/2+"px";
kbox.divim.style.top=(kbox.dde.clientHeight-kbox.divim.offsetHeight)/2+db.scrollTop+"px";
opab+=10;
if(document.all && !window.opera){
kbox.divim.style.filter = 'alpha(opacity=' + opab + ')';
}
else{
kbox.divim.style.opacity = opab/100;
}
if(opab>=100){
kbox.divim.style.position='fixed';
kbox.divim.style.top=(kbox.dde.clientHeight-kbox.divim.offsetHeight)/2+"px";
kbox.preco.onclick=kbox.quit;
return false;
}
setTimeout("kbox.opaci("+opab+")",30);
},
quit:function(){
document.body.removeChild(kbox.preco);
document.body.removeChild(kbox.fond);
document.body.removeChild(kbox.bouton);
if(kbox.divim!=null){
document.body.removeChild(kbox.divim);
}
kbox.carreh=300;
kbox.carrew=300;
kbox.compteur=0;
},
zidex:function (){
var allElements = document.getElementsByTagName('*');
var vaval=0;
var vaz=0;
for (var i = 0; i< allElements.length; i++){
if(allElements[i].parentNode==document.body){
vaz =parseInt(navigator.appName.substring(0,5)=="Micro" ? allElements[i].currentStyle.zIndex : getComputedStyle(allElements[i],null).getPropertyValue('z-index'));
if(vaz>vaval){
vaval=vaz;
}
}
}
return vaval+1
}
}
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.