CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 11:04:02

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

LIGHTBOX DIAPORAMA

Information sur la source

Note :

9,33 / 10

Catégorie :Graphique Classé sous :lightbox, diaporama, photo, image Niveau :Débutant Date de création :13/04/2011 Date de mise à jour :17/04/2012 10:45:50 Vu / téléchargé :5 136 / 975

Auteur : kazma

Ecrire un message privé

Commentaire sur cette source (16)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

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

par contre du fait que j'utilise la position fixed il n'est pas compatible ie6

++

page de teste: http://scriptevol.toile-libre.org/scriptsite/light box.html

Source

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
}
}

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,R0lGODlhMgAyAOf+ANnj1ZKHNezz6+jEIhxqEbSjNObl0JiGGs7FHCRXG3qqdCF3HCFlGk9wEOLr4SOAH7SiR5qPS///+8enG8O8GSV2IVB1RiOIHxpjDqSVK8e6b6KIHtjGIERwOHSOTcnYxvv79KPTmx1aEhpLDaikGXCPF4Sle9i3IKOXEOrlx9C7Hxx4EZDMjf7+/PPokx2HE3pnDOLbsvPx0RpdDSSQIYp4Dk+JGJa6khpTDk6MKqOYSOjTS6SKEJOzjbHFrNPJibiyF/P28oyCDtvUqIx9DdfMk/3663pxDcStIFSrUaS/nxxxEJqVF9rWu6S1nsvFmZR8Da2ka6jFotXNWvT17o2lGCJuHZWEDvT49JqSDsLSvebZlSCVGca4VjJ8KdLMpIWFHMW0H2WOH8nFonqecoNzDIxzDtHo0OfPInt6Fce+kLOdHYSad3OWaKSUG97bxe/r0mKWWoN6DR6PFo16JqmiELysHqunckyFRZGoU8zDhLzLuIaygCCdGrGqePTy4aScEWG1Vm2gGS9dJpqMD4FsDZyDD+/ie5Z8FH1oFElcDquQD6OQDzOmLKydHafESbrRt7ClExx/EbCqEiBLErKZE9HIctPf0JKKEPr0zVh/TaycEfDVJ7OjHebMMYurg2xpDWR+F5ixHcG3hcCiHImbHDCJJzNvKEF5HMvgybCVFGmGYaW4il+LVnWtH26eZ/7+/mV1EG57PrqdFbqbHrazYqedYofHG8S1NLm0ejZfDjSRL+fgvLKUHbqrW0unHDyHNJerk5OrjaqOGypmDzlqE/z9/FScIXSKbPj699/IIVKcT7irE8HLu+fXen9xH7aoHltoDzyCGvj36sfSlj6RHdjambiiE+HfxZ+dHratfez366ywf+3KJNCwHbCyID9zDmFfDoeQGSx1E9++ILbAkPz+/Pz54u7s4DCYJ/z7+OruzeHgm/399RpDDf//+f79/H3BeCGkGomgfHiRcEqeR9rYhvj48vXbUuLUOMfOqUpmIC2DE2/AGP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQD/ACwAAAAAMgAyAAAI/gD/CRxIsKDBgwgTKlxI0J27ESNwSJyBYwbDiwwdQowoseKMjyAxihToUCNEHINOqWQwA4NLlyFHKiwJMYGFVWQ+9dj5SUErYC9hWpRpcGNNTWR6KHyFBwMBoUOJ/jsZsUMbpRjHPcXwUZfUjjhEWCAjdSsxXV5HevyIh6zUfxiIFSvWIJpIkC6BtXk7UG6DuqAutnRJoEIcvgTBNYgFqvHClgQILFmCB3HBWLGOaIah0OnkJfwsG8yc5kihhJ5XqBZ9UIicGjVOG0wtqTZrg0KuQIFiRjZByStqv7h90JDx3gYJBH/xYg5xgzx4GOJdEMOS5c6fG1zEAxHygdax/mvfLp36QOCSho8nb/5fy+u21xfkPl32DMlL4ssfWIlRfYGQqSbJfgRVwt0VZgCYmikEDnQNCowgKJAIqQHToEDXbBJhDRNCtoSFFzKzCQqEECFQWJ55ceE/zERCoolTiTADA5Kt2OKLJ6JI44pARAJIiQJFJIIIO17Y448w/kPJkBgwcCEFR2JCECVhEWlFgwhEOWWVRcqHAJSRMCHllEMywEAF+30JRB1MGERJAkQycOV6CGQ5CSBZuBmWmVagOZ6aYY5ZEJx8LgAicRx8Cc2PCcVpxQILLIPol3ZE4oZChD66wAP1sKYMByqE0QkKByxU6AMPXLCLZZ+GyowjsYRcROOmqV5AA1/KkHNCGHZscilGDEBaKw3pSEUOOd6EQUolv4qk6QUXpPPLL66IdOwJ3iBByhrDSLXEphdUc4wrrohCwULXYjsBKb10+xakpohb7jffUIAAB8qg0U03A/Srq7qk0NLLBqJJc4wg8+JCAS4c4DtAut54M8EEArvLmg0llEICCfSGocLHKmAb8boVEzxeBtl0Ao0ddiDhsrYBV7xiNo6sYbPNvbS74n4BAQAh+QQFAQD/ACwEAAUALgAtAAAI/gD/CRxIsKDBgwgTKlzIcCCOhhAjCpwx46HEiwgxUKyIsSNBjRRxWPTYEaTIESQ9hsQxAmVKjBVZUnrZMSalmTQlikggQhElRTkl6hqqCGhQiMWKFj0asUG0aOHCMW0YKxYoUDCmNkyT5sgRrQyFCKlRJhFYhYQwXSF7NiEKRoSgtE24SZXAGnPz6t3Lt6/fv4ADCx5MWC+Bf15yALYyTpqNPH4ZFENl45ggyHx1URZTooqob30bhCpRKts3ChT6hhKXjcRpBBz6gmHiOowKDmjQ8GXiqBMQFQiU5datlzc0O8A5CB+OpttcR8dtJ1dGfYCyuW6g2wkjfeCJvb2PCf9DEthRYaYBAQAh+QQFAQD/ACwAAAwAMgAjAAAI/gD/CRxIsKDBgwgRukvIsKHDgyMWPpxIcSAOHBElVtzI8OKIiBxDIhThUaPIkwJJYjSJMqRKkC1RvoyJcsYMjCNoisQwg2ROnRwJ8CQJlOMSoTeLbjwqVMRAYsTGjcuhFCE/qVAF6ioGDhwqqlUNVrMhDVwxgYr2NWgQykZYg4JKiAnVAG20WKFClXhbsEopcSWOCAwHKk0aMOL4EpxUJ4uQNAOPpBGCiYlignUsE3wm5wAjR50uU0BoBhEPVddIXRZI4qDpXqQmnFiN0LSq2N74UhhNesOwWRO8zQ6L4F/r2jwqkfLmzVPYMMwaHlA1C4nwHVWZHU+IaNia4CrIRGGnWVwgIIeGVHVCckKFMue0C26odC1MeGVo4hd0s8aOfWX46UeQG+vZx4Ey/3AioEAE+vcPBwsOuMY/YUR4UGgWLhgQACH5BAUBAP8ALAAACwAyACcAAAj+AP8JHEiwoMGDCBMqJLZEocOHEP+BA8cvosWL/2LZ2MivI8aPCEOVKGHjVzWQKAsKEVdKkMuUMOUIyZKlShWYMTFlAVRnEs6UQnTy/ImyzMwsdSIRBSlzZ506Sz/KubIzks+oF4lcYbQpEhKsF2ts3XQNF1iLNQwxqlT27MEVSwhgmCEw7dprYdwalASXAN1/ZgzxYDtBb8EXK1bIFRiYh6prhQ0PfMF3MWBEjmdFlvxvDt8lGAZiXqSZ8z8ucxA3FG1omObNevtwobx6oKFFlUh5kyxPtmqDw0z/k4caccJZkvv0meO5NkFDpmWnXuCcYHDDv9LRQLwioaFeen9hHTPJb4FDRm5FuRJ0rJq0cREnqCBH9JuoKoJIorJISiAHnN+QQEI2pZQQinAFhREGNNkwIQ4YH12D0wkLdtIghAj+M8BAE5DiyAYHZIjQMCEiSN9A/YlI0Ga0qOjiiyIGBAAh+QQFAQD/ACwAAAQALgAuAAAI/gD/CRxIsKDBgwgTKhRIaaHDhwh16YJIEaIiiSIqakQIKlqDYhM3ihR45EisWODEkBm5MY0cOUJCicnDUmMZIkIwiRNCs2ZFOZiyCM3msyKRoFlQACpKEaZQQHWWMn14NAvUSVMpWq0zCUjWh5j+Xf3qUIhArl7JLkzKVa1COf8ILcXqNuEVgZGY1VXIaNM/vXsXhglMuLDhw4gTK17MuLHjx5AjV+TCZc4FxTRozHkgKfEcGhdePFhh5fCF0w8WLFhy+IHr1AtKG5amWrUVAobF5JBWwYpvBoVLlRCDCtUpKwyAu1VGToWdAqXEhQqFqhiDBIFPhLHjiAkYWaH2F+0zjKSTowBgQkUbf3iNmwNpFm+Q/DAgACH5BAUBAP8ALAIAAAAlADIAAAj+AP8JHEiwoMGDCBMqDKdIESURCiMihAEDFENFuiBK3AijkJlChUCBitYAVYd/xArO2EjQoxkoNYhEsHWHlU2WCV1CgbIBQi41OCWWqbHTUAYNT4IKJWrIEAQNSoUSuUKIx9OoEWsIocqoAFSsCeVsZcTIURewYYVgYoQCBS60CYUIRLGpE9yIKADVuZsQEwqBk/gKHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3ix4QQWlaHB6rrBAKQcOCCJWqGCltRUGQREgoEBBlKtjux7oXs26NYPf/zRuDEMB1zfbx6rtXv3696AECaLa+fatiqAcph4wb84AevSojrIWZSt1Xdp2Bs+/w80gTow0L74HwbYcEAAh+QQFAQD/ACwCAAAAJQAyAAAI/gD/CRxIsKDBgwgTKixUqIzDh2WOKJw4kKEZMzVqEIFCpCMROXKOSKSI8CKUkxsyqNxwRYgQkGlixWpAsiCUAxB8adDzo6ceDbUyvJQzE5yumgQ1FFFYK0+oWODAEUMqcGlNMVKnUt36jxgBrmDDih1LtqzZs2jTql3Ltq3bt3Djyp1Lt67du3jz6qU4YcJbVQKRwCUF7W2lNZFItN3gxpGjKgXYXjnAJFu2UnnWEjmAiUmpUoIyqwUDRpw4QYKqHVtLuoSYY9XS0VgbynW1aqZozFZrw4Y0Uxd061aLit+DC8FpcBmOtsKC48mFC0de9jly6TSQXzj7HLr2Cw8eEqjtHj58hbYLFlRYP5DB3n8BAQAh+QQFAQD/ACwAAAEAMAAuAAAI/gD/CRxIsKDBg//KIFzIsOFCIkTkyHFIsSLBKxiFCImo0KJHhL4KECKE6crGiR9TFtRQIMtIjXKOqJw50BHJKxJl0qRJUkiaI6B20sQkMU20aEJnpgkVq4EiXUlVNm2gSxelqCnBVRVxFetHYiL+4fCaMizZs2jTql27cCzbt3Djyp1Lt67duwY3bbJz98o/RoAc2S1D5AAhJkzsFqqhURymu0fSpAEj7i6oWEtDhbIbLlqszzbuhtvXAJVpu4r2FSt2ahzqqsSsWKlgN8EgBgysLABmVwRu3QuW1cXBgADwB/Xq/l7w4MGFXcp1N79wwS6DBcyp3wVeHe+SBXgHBoIPT55uQAAh+QQFAQD/ACwAAAQAMgAlAAAI/gD/CRxIsKDBgwgTKlzI8OCVfzXKNJxIcWAWQv+uEJFYseNCRoQIaeTosaRBRiCvQCFpsuU/lCJXupy5iJGhKxFnulzEwxCUGoV0tuTp04zQoYYMmQl61CNRKEubOuUBBQpTqRR7GgKKtaNGoKAIyhEIKNKkrgWFyCkDKuxAOZiyAKqD1mCaWKDCDYyVpkSJUlXqFowVK1o4RQIbNAjlV5BggoobKEL8rxg4cPxsVHs88HIxXboEziA2bhy/zZz/lSZGTIRAERgILFkCLLXAJRgI4pgRm7btgzhgy/by2+AIETMYyC5eEEdwDMqZExwRXER06QMpiYDNAHv26gysJXj/Rwk8gfHktzNgUGE8pQTWw7sPvh79a/v4DcLvnr+/wPPMBQQAIfkEBQEA/wAsAAAEADIAJgAACP4A/wkcSLCgwYMIEyo0CANGGTP/DC2cSPEgKFBH5NSoyJFjNIwZdXQcqbBBtFix0ujIRbJlQWLgGqAsdcelzX/EYMYUk+emyxkYCIwDJ82DT5dBl6xYYeNoy6RLJTklCVWS1akjCSi1+gJr1hWSXryY47XgIh7/oEAkiGHr2LIGzxoyU4itW7JwCcpVS1Ar2K55zfLgKxDoVqmB9fIwVKPuvxlal1xNPLASI0NQyhQOGpVy5bNX1v6DasqzwGsoGIU2uML06U2qN/4T4bpgpE0oCBGpfTBSHUa6eRucVAcFpt3CCRI3Lie5chJMMDV3/u/btzrRqQu8JQq7EO39+ji5qlLqO/Vfv1wJKqFdnjz0x8RoF1iNnzRw8/+94Mcv/4V/S1BHA1kPSLJAfv9IZQWCDArEAEIBAQAh+QQFAQD/ACwEAAAALgAtAAAI/gD/CRxIsKDBgwgTKjwIA8bChxALKgoHCkaZfzUiajxISZFHikfkHNhIciClkx5jBbCV69+TkhpHjDipS5GHO+VgkpQ5AgelDmSc6CSJo+gMHBZMDCU6o+kMPGSWbnSKAUOHV1I1zqiKgUCFOFlJEliyBE9YkmT5nS25Yq3bt3Djyp1Lt67du3jz6t3Lly6zvgKZRULRV/A/QnyBRAJEiMhexYwd56UAmS8CyJj0IqAciUnmvJuB1GGimfIkQFn0UqBMwvNkIN8WI8Yr6tu306Tx/nJVhUQ2JiPvVjsmSFApJmDwXpBWzYaYEsnvVljwQJo0G6GkL/hn5V+FYqjuB3YHbDDBwoAAIfkEAQEA/wAsCwAAACYAMgAACP4A/wkcSLCgwYMIEwp0527ECBw4ROhqEE2hRYIMHT6EiIPYxFhHQl48yDCjQxyDTqksVqxBLDkwRxYs6TCBhVVkPvXY+clEnlJyhAiVOVBjAk1keiispQPTP6cycTz810apTDeMiEb8R4ao169gDQJrE7as2YE8zqpdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwv+iuBu4X+R6HJAQAGaYsZ2IrmRq4yDijCdUFC2HIaZI0JxlZE7EcbOpslwyZHzFoZUJdRuT4z2hoTUmmFvvyHxdsLbBFK9cKs1lUOMoGyOoE34TavXBrbSipcolcERrebC2XqxkQOMuANuhhUNe+7WC6pQocCAOSD3FKoOsQYnDAgAOw==";
		}
		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
	}

}

Conclusion

yessss

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

lightbox
- kbox
  - images
    - arbres.jpg 124 535 octets
    - arc-en-ciel.jpg 41 405 octets
    - bougies.jpg 19 678 octets
    - chameau.jpg 54 923 octets
    - fleuve.jpg 70 275 octets
    - foudre.jpg 70 195 octets
    - graffitis.jpg 131 385 octets
    - oiseaux.jpg 69 622 octets
    - tigre.jpg 60 216 octets
  - mini
    - arbres.jpg 17 109 octets
    - arc-en-ciel.jpg 11 567 octets
    - bougies.jpg 19 196 octets
    - chameau.jpg 27 384 octets
    - crysis.jpg 3 621 octets
    - fleuve.jpg 33 148 octets
    - foudre.jpg 15 875 octets
    - graffitis.jpg 19 896 octets
    - infrarouge.jpg 12 057 octets
    - note.gif 4 639 octets
    - oiseaux.jpg 36 714 octets
    - scream.jpg 4 760 octets
    - Thumbs.db47 616 octets
    - tigre.jpg 15 269 octets
  - res
    - animation.gif 4 909 octets
    - droite.png 1 076 octets
    - gauche.png 1 076 octets
    - kbox.js 18 418 octets
    - kboxtxt.js 19 489 octets
- lightbox.html 1 770 octets
- lightboxtxt.html 1 773 octets

Télécharger le zip

Historique

13 avril 2011 21:01:36 :: debogage
18 avril 2011 20:46:16 :: voile progressif plus optimisation
21 avril 2011 21:22:48 :: amelioration de la vitesse pour ie
17 avril 2012 10:45:53 :: ajout de texte

Sources du même auteur

BOUTON ROTATIF

EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT...

PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS

DRAG & DROP VERS UN CANVAS

DIAPO EN CSS 3D

Toutes les sources de kazma

Sources de la même categorie

JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator

SPHERE 3D DÉFORMABLE par phm

EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma

PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma

CALCULATRICE HEURE par m22001111

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DIAPORAMA SIMPLE PAR IFRAME par sartoz

CENTRAGE D'IMAGE AVEC PETIT EFFET par kazma

CAROUSELLE 3D par kazma

DIAPORAMA PHP / JS par MATHIS49

DIAPORAMA D'IMAGES AVEC LIENS par Deny

Commentaires et avis

Commentaire de DOLLEL le 14/04/2011 10:12:18

Bonjour,
Il ne semble pas fonctionner sur ie9 aussi. J'ai bien tes neuf images, mais rien de plus. Aucune action possible sur les images.
J'ai fait le test sur ton site.
Cordialement.
Laurent

Commentaire de djtadpole le 14/04/2011 10:25:34

Sur la page test, FF me dit que "kbox is not defined", si ça peut aider...

Commentaire de kazma le 14/04/2011 10:47:01 administrateur CS

c'est normale le site sur lequel j'heberge la source avait un probleme et apres modif il refusait d'uploader le fichier js mais tout est rentre dans l'ordre.

Commentaire de proftnj le 18/04/2011 01:58:33 10/10

Testé sur le site avec IE 7 et Firefox mis à jour: impeccable!
Plus rapide avec Firefox que IE 7. Comment rendre ce script plus "navigator friendly", contourner "position fixed"?
Je n'ai pas la réponse car je ne suis pas très doué.
La page de test est http://scriptevol.toile-libre.org/scriptsite/lightbox.html (pas d'espace entre light et box - à corriger).

Commentaire de DOLLEL le 18/04/2011 08:57:02

Effectivement. Je l'ai retesté sur ie9 et ça marche maintenant.

Commentaire de Mulugruntz le 18/04/2011 14:32:16

@ Proftnj >
Je pense que tu ne te pose pas la bonne question.
Au lieu de se demander comment rendre un script plus "browser friendly", il vaudrait mieux se demander comment le rendre plus "user friendly".
Si contourner position:fixed le rend compatible IE6, alors ça le rend plus "browser friendly" mais moins "user friendly". Pourquoi ? Tout simplement parce qu'on ne doit pas faire des sites pour les navigateurs, mais pour les utilisateurs. Et comme le demande microsoft ( http://ie6countdown.com/ ), pour le bien des utilisateurs, il faut (se forcer) à ne plus faire de compatibilité IE6. Par contre, tu peux mettre la bannière qui s'affiche uniquement sur IE6 (et les plus anciennes) sur ton site (tu peux trouver le code dans le lien que je t'ai envoyé).

Commentaire de kazma le 19/04/2011 22:31:16 administrateur CS

@ Proftnj >

pour ie 6 je ne l'ai pas rendu compatible pour les raisons invoqué par Mulugruntz je vais pas critiquer en mal ie 6 car j'estime qu'en son temp il fut le meilleur navigateur mais le temp a passé et les navigateurs se sonts ameliorés et comme le preconise son proprietaire il est temp de dire au revoir ie 6

sinon je pense qu'en mettant les position en fixed en absolute sa devrait etre bon mais il faudra eviter de scroller la page.

Commentaire de alain17610 le 20/04/2011 11:44:03 10/10

Testé avec Firefox et IE8 : Assez lent avec IE8 mais bien avec Firefox.
Ça ressemble beaucoup au Carrousel que tu avais fait et que j'utilise déjà.
Carrousel me semble mieux adapté à un nombre d'images important.

Commentaire de kazma le 21/04/2011 21:42:09 administrateur CS

j'ai ajouter une condition pour ie afin que l'annimation soit plus rapide

<Ça ressemble beaucoup au Carrousel>

au niveau du voile j'ai repiquer un peut de code et les aussi images qui sont les meme et si on veut on peut adapter le diapo avec le carrousel il y a trois quatre manip a faire

Commentaire de proftnj le 21/04/2011 22:30:26

@ Kazma >
Quote : "j'ai ajouter une condition pour ie afin que l'annimation soit plus rapide "

Laquelle et où?
J'ai ajouté un préchargement des grandes images sinon, surtout avec IE, ça bugge au début.

Commentaire de kazma le 23/04/2011 16:39:02 administrateur CS

la condition se trouve dans la fonction taille()
[if(parseInt(navigator.userAgent.substring(30,31))<=8)]

a ce niveau

kbox.ratiow=(kbox.taillew-kbox.carrew)/15;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/15;

if(parseInt(navigator.userAgent.substring(30,31))<=8){
kbox.ratioh=kbox.ratioh*1.8
kbox.ratiow=kbox.ratiow*1.8
}

if(kbox.ratiow < 1 && kbox.ratiow > 0){
kbox.ratiow=1
}

ce que je fait c'est augmenter le deplacement par cycle

et aussi sur ces deux ligne toujour au meme endroit

kbox.ratiow=(kbox.taillew-kbox.carrew)/15;
kbox.ratioh=(kbox.tailleh-kbox.carreh)/15;

tu doit doit avoir comme division 10 au lieux de 15 je conseillerait de mettre 15 et de modifier le setTimeout de la fonction carre qui est de 10 et de le remplacer par 30 car j'ai fait des testes et avec ces valeurs on en demande moins au processeur tout en gardant une bonne fluidité

setTimeout(kbox.carre,30);

quand au problèmes de ie au démarrage on y peut rien c'est du a la lenteur du javascript sur IE 8 et anterieur

Commentaire de tupense le 04/04/2012 14:40:13 8/10

j'adore mais comment on peut mettre le nom du fichier en haut de l'image afficher en grand?

Commentaire de tupense le 15/04/2012 08:30:24

toujours pas d'avis pour le nom du fichier????

Commentaire de kazma le 17/04/2012 10:52:04 administrateur CS

j'ai ajouter la possibilité de mettre du texte

Commentaire de tupense le 17/04/2012 14:14:15

bonjour d'accord du texte bon ça , mais je ne connais pas trop le javascript comment faire pour récuperer le nom du fichier machin.jpeg par exemple et le mettre dans le texte tu peu voir un exemple ici http://www.photohubert.com/galerie.html

Commentaire de kazma le 17/04/2012 14:30:08 administrateur CS

aux lignes 315 et 321 du fichier kboxtxt.js tu a ceci

ligne 315 var txt=document.createTextNode(kbox.tbtxt[kbox.compteur]);

ligne321 kbox.txt.firstChild.nodeValue=kbox.tbtxt[kbox.compteur]

remplace tbtx par tbimage

ca donne ceci

ligne 315 var txt=document.createTextNode(kbox.tbimage[kbox.compteur]);

ligne321 kbox.txt.firstChild.nodeValue=kbox.tbimage[kbox.compteur]

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

script de telechargement d'image ? [ par benoitquintard ] je cherche un script qui puisse faire ceci :quand je passe la sourie sur un lien de photo, je ve que une fenetre de telechargement s'ouvre, et me dema !!! Défi !!! recherche diaporama [ par tamtamdesign ] Bonjour,je suis nouvelle venue sur ce site (très intéressant).Voilà, je recherche un script pour mes pages album photos.Mais comme j'ai nombre d'image pour diaporama [ par bosto ] Bonjour,Je suis super débutant et surtout graphiste pas technicien. Ma question est peut etre tres simple mais je ne trouve pas de reponse sur le Problème avec les caractères spéciaux ! [ par Ruffneck2045 ] Bonjour, j'ai créer un diaporama à l'aide de php & javascript et j'ai un petit problème.En cliquant sur une image du diaporama phototeque [ par guycnoel ] bonjour voici une page avec un code hyper simplifié qui affiche des petites photos (thumbs). quand on clique sur une de ces photos, une fen& appel de fct javascript [ par ksaillard ] je souhaite faire un diaporama dans ma page html je fais appel à une focntion javacript qui est dans 'ejs_visionneuse_image.js' : exec_vignette(chemi Chargement et redimentionnement image [ par maxinfos ] Bonjour, je suis actuellement en train de faire une page web dans laquelle je met des photos de petites tailles et que lorsque l'on clique dessus, ouv Redimention image [ par maxinfos ] Bonjour, voilà, j'ai un petit soucis sur le redimentionnement d'une image en fonction de la résolution de l'écran.En fait, mon script f Découpage d'une image [ par ecoll_manu ] bonjour à tousvoilà ce n'est pas aisé ce que je souhaite faire, mais je ne vois pas d'autre solution pour le faire.Je vous explique ce ne sais pas par où commencer! [ par unpeuperdu ] bonjour à tous, j'ai un problème que j'imagine de débutant mais je ne sais pas par où commencer pour le régler. c'est, je

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP