/*This script is property of GRAPHEA Concept. You cannot modify it or use it without our agreement. Please e-mail us at contacts@graphea.com*/ // DIAPORAMA EXPOSITIONS //initialisation des variables imgArray=new Array(2); var windowWidth; var windowHeight; var _img; var objDiap; //Déterminer la position du curseur if(document.getElementById){ var mouseX=0; var mouseY=0; if(navigator.appName.substring(0,3)=="Net"){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = mousePos; } function mousePos(e){ mouseX = (navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft; mouseY = (navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop; } if(navigator.appName.substring(0,3)=="Net"){ document.write("");//évite bug sous Netscape } buildDiap(); function buildDiap(){ //créer les div document.write('

'); objTemp=document.createElement('div') objTemp.style.color="#FFFFFF"; objTemp.style.position='absolute'; objTemp.style.left='0px'; objTemp.zIndex=100; document.body.appendChild(objTemp); objOverlay = document.createElement("div"); objOverlay.setAttribute('id','bg'); objOverlay.style.display = 'none'; objOverlay.style.position = 'absolute'; objOverlay.style.top = '0px'; objOverlay.style.left = '0px'; objOverlay.style.zIndex = '4'; document.body.insertBefore(objOverlay, document.body.firstChild); objCadre = document.createElement("div"); objCadre.setAttribute('id','photo'); objCadre.style.position='absolute'; objCadre.style.display='none'; objCadre.style.zIndex='5'; document.body.appendChild(objCadre); objImage = document.createElement("img") objImage.setAttribute('id','pic'); //objImage.setAttribute('src',''); --> conduit à un bug sous IE objCadre.appendChild(objImage); objClose = document.createElement("div"); objClose.setAttribute('id','divClose'); objClose.styleFloat='right'; objCadre.insertBefore(objClose,objImage); objLink = document.createElement("a"); objLink.setAttribute('href','#'); objLink.innerHTML='fermer X'; objLink.onclick=function(){hide_img();return false;} objClose.appendChild(objLink); objComment = document.createElement("div"); objComment.setAttribute('id','divComment'); objCadre.appendChild(objComment); objLoader = document.createElement("div"); objLoader.setAttribute('id','loader'); objLoader.style.position='absolute'; objLoader.style.display='none'; document.body.insertBefore(objLoader, document.body.firstChild); objLoading = document.createElement("img"); objLoading.setAttribute('src','../imgsite/loader.gif'); objLoader.appendChild(objLoading); var i=0; //définir le tableau des images vitrine = new Array(2); vitrine[0] = new Array(51); vitrine[1] = new Array(2); vitrine[0][i] = "titre"; vitrine[1][i] = "Symbolique de l'oeuf :"; vitrine[0][++i] = ""; vitrine[1][i]= "Mythe de l'oeuf cosmique"; vitrine[0][++i] = "vitrine2.jpg"; vitrine[1][i]= "L'oeuf, symbole du renouveau de la nature"; vitrine[0][++i] = "vitrine1.jpg"; vitrine[1][i] = "L'oeuf, symbole de vie, de naissance, de fertilité"; vitrine[0][++i] = "titre"; vitrine[1][i]= "Art Populaire :"; vitrine[0][++i] = "vitrine3.jpg"; vitrine[1][i]= 'Oeufs teints et oeufs "grattés"'; vitrine[0][++i] = "vitrine4.jpg"; vitrine[1][i]= "Pyssanka: matériel, motifs différents par région"; vitrine[0][++i] = "vitrine4b.jpg"; vitrine[1][i]= "Pyssanka: présentation des divers symboles"; vitrine[0][++i] = "vitrine5.jpg"; vitrine[1][i]= "Coquilles décorées par applications diverses"; vitrine[0][++i] = "vitrine6.jpg"; vitrine[1][i]= "Coquilles peintes et oeufs en bois peints"; vitrine[0][++i] = "titre"; vitrine[1][i]= "Les oeufs de Pâques :"; vitrine[0][++i] = "vitrine7.jpg"; vitrine[1][i]= "Oeufs russes"; vitrine[0][++i] = ""; vitrine[1][i] = "Oeufs inspirés de Fabergé"; vitrine[0][++i] = "vitrine8.jpg"; vitrine[1][i] = "Oeufs religieux"; vitrine[0][++i]= "vitrine9.jpg"; vitrine[1][i] = "Jouets de Pâques anciens"; vitrine[0][++i]= "vitrine10.jpg"; vitrine[1][i]= "Jouets modernes"; vitrine[0][++i]= "vitrine11.jpg"; vitrine[1][i]= "Bonbonnières anciennes"; vitrine[0][++i]= ""; vitrine[1][i]= "Bonbonnières récentes"; vitrine[0][++i]= "vitrine12.jpg"; vitrine[1][i]= "Moules à chocolat et fèves"; vitrine[0][++i]= "vitrine13.jpg"; vitrine[1][i]= "Préparer Pâques - Décoration des oeufs"; vitrine[0][++i]= "vitrine14.jpg"; vitrine[1][i]= "Pâques enrubannées - Qui apporte les oeufs ?"; vitrine[0][++i]= ""; vitrine[1][i]= "Oeufs inspirés de Fabergé"; vitrine[0][++i]= "titre"; vitrine[1][i]= "L'oeuf, objet décoratif :"; vitrine[0][++i]= "vitrine15.jpg"; vitrine[1][i]= "porcelaine et figurines"; vitrine[0][++i]= "vitrine16.jpg"; vitrine[1][i]= "Faïences"; vitrine[0][++i]= "vitrine17.jpg"; vitrine[1][i]= "Barbotines et trompe l'oeil"; vitrine[0][++i]= "vitrine18.jpg"; vitrine[1][i]= "Verre, cristal, opaline"; vitrine[0][++i]= "vitrine19.jpg"; vitrine[1][i]= "Métaux"; vitrine[0][++i]= "vitrine20.jpg"; vitrine[1][i]= "Bois"; vitrine[0][++i]= "vitrine21.jpg"; vitrine[1][i]= "Oeufs d'autruche décoratifs"; vitrine[0][++i]= "vitrine22.jpg"; vitrine[1][i]= "Matières naturelles (ambre, ivoire...)"; vitrine[0][++i]= "vitrine23.jpg"; vitrine[1][i]= "Coquilles décorées et travaillées"; vitrine[0][++i]= ""; vitrine[1][i]= "Matières synthétiques"; vitrine[0][++i]= "vitrine24.jpg"; vitrine[1][i]= "Minéraux"; vitrine[0][++i]= ""; vitrine[1][i]= "Plus Kitch, tu meurs"; vitrine[0][++i]= "titre"; vitrine[1][i]= "Les oeufs du monde :"; vitrine[0][++i]= "vitrine25.jpg"; vitrine[1][i]= "Afrique"; vitrine[0][++i]= "vitrine26.jpg"; vitrine[1][i]= "Amérique"; vitrine[0][++i]= "vitrine27.jpg"; vitrine[1][i]= "Inde"; vitrine[0][++i]= ""; vitrine[1][i]= "Australie et océanie"; vitrine[0][++i]= "vitrine28.jpg"; vitrine[1][i]= "Chine et Japon"; vitrine[0][++i]= "vitrine29.jpg"; vitrine[1][i]= "Autres pays d'Asie"; vitrine[0][++i]= "vitrine30.jpg"; vitrine[1][i]= "Europe"; vitrine[0][++i]= "titre"; vitrine[1][i]= "L'oeuf, objet usuel ou utilitaire :"; vitrine[0][++i]= "vitrine31.jpg"; vitrine[1][i]= "Bijoux"; vitrine[0][++i]= "vitrine32.jpg"; vitrine[1][i]= "Objets de charme"; vitrine[0][++i]= "vitrine33.jpg"; vitrine[1][i]= "Porte chapelets"; vitrine[0][++i]= "vitrine34.jpg"; vitrine[1][i]= "Objets de couture"; vitrine[0][++i]= "vitrine35.jpg"; vitrine[1][i]= "Objets de bureau et objets de fumeurs"; vitrine[0][++i]= "vitrine36.jpg"; vitrine[1][i]= "Lampes et bougies"; vitrine[0][++i]= "vitrine37.jpg"; vitrine[1][i]= "Peser, mesurer, doser"; vitrine[0][++i]= "vitrine38.jpg"; vitrine[1][i]= "Appareils de cuisson"; vitrine[0][++i]= "vitrine39.jpg"; vitrine[1][i]= "Art de la table ancien"; vitrine[0][++i]= "vitrine40.jpg"; vitrine[1][i]= "Arts de la table récent"; vitrine[0][++i]= "vitrine41.jpg"; vitrine[1][i]= "Parfum et objets de toilette"; vitrine[0][++i]= "vitrine42.jpg"; vitrine[1][i]= "Brûle parfum et diffuseurs d'odeurs"; vitrine[0][++i]= ""; vitrine[1][i]= "Nichets et nids pour cage"; vitrine[0][++i]= ""; vitrine[1][i]= "Les utilitaires surprenants"; vitrine[0][++i]= "titre"; vitrine[1][i]= "Divers :"; vitrine[0][++i]= "vitrine43.jpg"; vitrine[1][i]= "L'oeuf et l'Histoire"; vitrine[0][++i]= "vitrine44.jpg"; vitrine[1][i]= "Les oeufs commémoratifs"; vitrine[0][++i]= ""; vitrine[1][i]= "Christophe Colomb"; vitrine[0][++i]= "vitrine45.jpg"; vitrine[1][i]= "Souvenirs de voyage ou de pélerinage"; vitrine[0][++i]= "vitrine46.jpg"; vitrine[1][i]= "Objets de pub"; vitrine[0][++i]= "vitrine47.jpg"; vitrine[1][i]= "Le bestiaire"; vitrine[0][++i]= "vitrine48.jpg"; vitrine[1][i]= "Les oeufs humouristiques"; vitrine[0][++i]= "vitrine49.jpg"; vitrine[1][i]= "Jardin et nature"; vitrine[0][i++]= ""; vitrine[1][i]= "Croyances et Sorcellerie"; vitrine[0][++i]= "vitrine50.jpg"; vitrine[1][i]= "L'oeuf et la littérature (Humpty Dumpty...)"; vitrine[0][++i]= "vitrine51.jpg"; vitrine[1][i]= "Les oeufs érotiques"; vitrine[0][++i]= ""; vitrine[1][i]= "Fées, Elfes, Dragons et compagnie"; vitrine[0][++i]= ""; vitrine[1][i]= "Mail Art"; vitrine[0][++i]= ""; vitrine[1][i]= "Quand Pâques se la joue Noël"; vitrine[0][++i]= ""; vitrine[1][i]= "Les stars"; vitrine[0][++i]= ""; vitrine[1][i]= "Le zodiac"; vitrine[0][++i]= ""; vitrine[1][i]= "Les oeufs naturels d'oiseaux"; //créer le diaporama dynamiquement objDiap=document.createElement('div'); objDiap.setAttribute('id','divDiap'); //on place les LI for(i=0; i<=vitrine[1].length-1; i++){ switch(vitrine[0][i]){ case "": objLi=document.createElement('li'); objLi.innerHTML=vitrine[1][i]; objUl.appendChild(objLi); break; case "titre": //écrire titre dans div objH1=document.createElement('h1'); objH1.innerHTML=vitrine[1][i]; objDiap.appendChild(objH1); //création d'un nouveau ul objUl=document.createElement('ul'); objDiap.appendChild(objUl); break; default: objLi=document.createElement('li'); content=''+vitrine[1][i]+''; objLi.innerHTML=content; objUl.appendChild(objLi); break; } } } function appendDiap(){ document.getElementById('diaporama').appendChild(objDiap); } //AFFICHAGE DES TN function display_tn(id){ var objDivTN=document.getElementById('thumbnail'); var objImgTN=document.getElementById('tn'); var image="../imgsite/tn"+vitrine[0][id]; //afficher le div thumbnail au dessus et à gauche du curseur objImgTN.src=image; objDivTN.style.display='block'; var posX=mouseX+2; var posY=mouseY-objDivTN.offsetHeight-2; //si IE, ajouter le scroll if(navigator.appVersion.indexOf("MSIE")!=-1){ posY+=document.documentElement.scrollTop; } objDivTN.style.top=posY+'px'; objDivTN.style.left=posX+'px'; } function move_tn(){ var objDivTN=document.getElementById('thumbnail'); var posX=mouseX+2; var posY=mouseY-objDivTN.offsetHeight-2; //si IE, ajouter le scroll if(navigator.appVersion.indexOf("MSIE")!=-1){ posY+=document.documentElement.scrollTop; } objDivTN.style.top=posY+'px'; objDivTN.style.left=posX+'px'; } function hide_tn(){ document.getElementById('thumbnail').style.display='none'; } //AFFICHAGE DE LA PHOTO // Core code from - quirksmode.org function windowSize(){ //taille de la fenêtre if (window.innerHeight) { // all except Explorer windowWidth = window.innerWidth; windowHeight = window.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } winSizes=new Array(windowWidth,windowHeight); return winSizes; } function preload_img(id){//prepare le loading //on place le commentaire et l'adresse de l'image dans variables globales imgArray[0]="../imgsite/"+vitrine[0][id]; imgArray[1]=vitrine[1][id]; //effacer le tn document.getElementById('thumbnail').style.display='none'; //dimensions fenêtre winSizes=windowSize(); windowWidth=winSizes[0]; //affichage et dimensions du background var objOverlay=document.getElementById('bg'); if(windowWidth<=760){windowWidth=770;} objOverlay.style.width=windowWidth+'px'; objOverlay.style.height=document.body.offsetHeight+20+'px'; objOverlay.style.display='block'; //instancie un objet image pour le preload _img=new Image; _img.src=imgArray[0]; testLoad(); } //test du loading function testLoad(){ var objLoader=document.getElementById('loader'); if(!_img.complete){ if(objLoader.style.display!='block'){//placer le loading si besoin //dimensions fenêtre winSizes=windowSize(); windowWidth=winSizes[0]; windowHeight=winSizes[1]; objLoader.style.display='block'; var posX=windowWidth/2-objLoader.offsetWidth/2; var posY=windowHeight/2-objLoader.offsetHeight/2; posY+=document.documentElement.scrollTop; objLoader.style.left=posX+"px"; objLoader.style.top=posY+"px"; } setTimeout('testLoad()','200'); }else{ objLoader.style.display='none'; display_img() } } function display_img(){//positionne et affiche l'image //afficher le commentaire document.getElementById('divComment').innerHTML=imgArray[1] //dimensions fenêtre winSizes=windowSize(); windowWidth=winSizes[0]; windowHeight=winSizes[1]; //placer la photo document.getElementById('pic').src=_img.src; objCadre=document.getElementById('photo'); objCadre.style.display='block'; objCadre.style.visibility='hidden'; //à ce niveau, si l'image n'a pas été loadée, la largeur du cadre = seulement la largeur du commentaire var posX=windowWidth/2-objCadre.offsetWidth/2; var posY=windowHeight/2-objCadre.offsetHeight/2; //on ajoute le scroll à posY posY+=document.documentElement.scrollTop; if(posY<0){posY=0;}//si la fenêtre est petite objCadre.style.top=posY+'px'; objCadre.style.left=posX+'px'; objCadre.style.visibility='visible'; } //effacement de la photo function hide_img(){ //effacer le background document.getElementById('bg').style.display='none'; //effacer la photo document.getElementById('pic').src=''; document.getElementById('photo').style.display='none'; } // Function found at Simon Willison's weblog - http://simon.incutio.com/ function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function'){ window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } //fonction pour l'affichage des expos function expos_img(id){//prepare le loading //on place le commentaire et l'adresse de l'image dans variables globales imgAdd="../imgsite/"+id; imgArray[1]=""; //dimensions fenêtre winSizes=windowSize(); windowWidth=winSizes[0]; //affichage et dimensions du background var objOverlay=document.getElementById('bg'); if(windowWidth<=760){windowWidth=770;} objOverlay.style.width=windowWidth+'px'; objOverlay.style.height=document.body.offsetHeight+20+'px'; objOverlay.style.display='block'; //instancie un objet image pour le preload _img=new Image; _img.src=imgAdd; testLoad(); } addLoadEvent(appendDiap);