// Définitions des variables // Variables nécéssaires à la première animation de 'Zoom' (zoom_01) var animation = { ouverture : true, currentSalle : 1, zooms : { zoom_01:{ width : 1321, // Largeur de la salle zoomée height : 472, // Hauteur de la salle zoomée left : 0, // Calage à gauche de la salle zoomée top : -70, // Calage en haut de la salle zoomée timing : 500, // Temps de l'anim (en millisecondes) salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_01', // Contient le texte descriptif du visuel correspondant vignette : '#tab_01', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 175, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 247, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 12, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 107, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_01_big.png', txt_top : 17, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 300 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_02:{ width : 1724, // Largeur de l'image zoomée height : 616, // Hauteur de l'image zoomée left : -470, // Calage à gauche de l'image zoomée top : -97, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_02', // Contient le texte descriptif du visuel correspondant vignette : '#tab_02', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 186, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 243, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 17, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 78, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_02_big.png', txt_top : 35, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 295 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_03:{ width : 2355, // Largeur de l'image zoomée height : 839, // Hauteur de l'image zoomée left : -780, // Calage à gauche de l'image zoomée top : -170, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_03', // Contient le texte descriptif du visuel correspondant vignette : '#tab_03', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 259, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 203, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 38, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 376, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_03_big.png', txt_top : 25, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 101 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_04:{ width : 2510, // Largeur de l'image zoomée height : 894, // Hauteur de l'image zoomée left : -1200, // Calage à gauche de l'image zoomée top : -205, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_04', // Contient le texte descriptif du visuel correspondant vignette : '#tab_04', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 160, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 215, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 30, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 490, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_04_big.png', txt_top : 32, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 200 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_05:{ width : 1130, // Largeur de l'image zoomée height : 404, // Hauteur de l'image zoomée left : -348, // Calage à gauche de l'image zoomée top : -50, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_05', // Contient le texte descriptif du visuel correspondant vignette : '#tab_05', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 147, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 243, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 7, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 561, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_05_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 300 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_06:{ width : 2200, // Largeur de l'image zoomée height : 784, // Hauteur de l'image zoomée left : 670, // Calage à gauche de l'image zoomée top : -178, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_06', // Contient le texte descriptif du visuel correspondant vignette : '#tab_06', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 138, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 237, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 22, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 95, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_06_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 280 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_07:{ width : 2200, // Largeur de l'image zoomée height : 786, // Hauteur de l'image zoomée left : 350, // Calage à gauche de l'image zoomée top : -165, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_07', // Contient le texte descriptif du visuel correspondant vignette : '#tab_07', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 197, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 218, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 29, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 142, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_07_big.png', txt_top : 30, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 380 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_08:{ width : 2400, // Largeur de l'image zoomée height : 857, // Hauteur de l'image zoomée left : 150, // Calage à gauche de l'image zoomée top : -185, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_08', // Contient le texte descriptif du visuel correspondant vignette : '#tab_08', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 261, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 226, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 29, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 392, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_08_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 140 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_09:{ width : 1500, // Largeur de l'image zoomée height : 534, // Hauteur de l'image zoomée left : 200, // Calage à gauche de l'image zoomée top : -75, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_09', // Contient le texte descriptif du visuel correspondant vignette : '#tab_09', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 166, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 251, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 10, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 354, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_09_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 50 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_10:{ width : 1300, // Largeur de l'image zoomée height : 464, // Hauteur de l'image zoomée left : 250, // Calage à gauche de l'image zoomée top : -50, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) descriptif : '#txt_10', // Contient le texte descriptif du visuel correspondant vignette : '#tab_10', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 159, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 248, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 16, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 473, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_10_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 200 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_11:{ width : 1300, // Largeur de l'image zoomée height : 464, // Hauteur de l'image zoomée left : 1544, // Calage à gauche de l'image zoomée top : -50, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 OU #salle_03 ) conteneur_salle : '#screen_03', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 OU screen_03 ) descriptif : '#txt_11', // Contient le texte descriptif du visuel correspondant vignette : '#tab_11', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 159, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 248, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 14, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 154, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_11_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 350 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_12:{ width : 1500, // Largeur de l'image zoomée height : 534, // Hauteur de l'image zoomée left : 1300, // Calage à gauche de l'image zoomée top : -75, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 OU #salle_03 ) conteneur_salle : '#screen_03', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 OU screen_03 ) descriptif : '#txt_12', // Contient le texte descriptif du visuel correspondant vignette : '#tab_12', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 166, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 251, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 10, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 175, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_12_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 400 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_13:{ width : 2400, // Largeur de l'image zoomée height : 857, // Hauteur de l'image zoomée left : 600, // Calage à gauche de l'image zoomée top : -200, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 OU #salle_03 ) conteneur_salle : '#screen_03', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 OU screen_03 ) descriptif : '#txt_13', // Contient le texte descriptif du visuel correspondant vignette : '#tab_13', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 261, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 226, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 18, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 195, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_13_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 500 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_14:{ width : 2200, // Largeur de l'image zoomée height : 786, // Hauteur de l'image zoomée left : 547, // Calage à gauche de l'image zoomée top : -172, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 OU #salle_03 ) conteneur_salle : '#screen_03', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 OU screen_03 ) descriptif : '#txt_14', // Contient le texte descriptif du visuel correspondant vignette : '#tab_14', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 197, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 218, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 22, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 462, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_14_big.png', txt_top : 28, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 200 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, zoom_15:{ width : 1500, // Largeur de l'image zoomée height : 535, // Hauteur de l'image zoomée left : 815, // Calage à gauche de l'image zoomée top : -85, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 OU #salle_03 ) conteneur_salle : '#screen_03', // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 OU screen_03 ) descriptif : '#txt_15', // Contient le texte descriptif du visuel correspondant vignette : '#tab_15', // Correspond à la vignette du visuel présent lorsqu'aucun animation de zoom n'a été déclenchée visuel_width : 128, // Correspond à la largeur du visuel une fois qu'il est zoomé visuel_height : 221, // Correspond à la hauteur du visuel une fois qu'il est zoomé visuel_top : 28, // Correspond au calage en haut du visuel une fois qu'il est zoomé visuel_left : 590, // Correspond au calage à gauche du visuel une fois qu'il est zoomé visuel : 'img/gallery/home/tab_15_big.png', txt_top : 32, // Correspond au calage en haut du texte accompagnant le visuel une fois qu'il est zoomé txt_left : 320 // Correspond au calage à gauche du texte accompagnant le visuel une fois qu'il est zoomé }, dezoom:{ init_top:0, init_left:0, width : 772, // Largeur de l'image zoomée height : 275, // Hauteur de l'image zoomée left : 430, // Calage à gauche de l'image zoomée top : 95, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_01', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_01' // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) }, dezoom_02:{ init_top:0, init_left:772, width : 772, // Largeur de l'image zoomée height : 275, // Hauteur de l'image zoomée left : 430, // Calage à gauche de l'image zoomée top : 95, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_02', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_02' // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) }, dezoom_03:{ init_top:0, init_left:1544, width : 772, // Largeur de l'image zoomée height : 275, // Hauteur de l'image zoomée left : 430, // Calage à gauche de l'image zoomée top : 95, // Calage en haut de l'image zoomée timing : 500, // Temps de l'anim (en millisecondes) ouverture : true, // Boolean permettant de savoir si le zoom est effectif ou non salle : '#salle_03', // Nom d'id de l'IMG contenant le décor de la gallerie ( #salle_01 OU #salle_02 ) conteneur_salle : '#screen_03' // Conteneur de l'IMG du décor ( #screen_01 OU #screen_02 ) } }, /** Fonctions des Fléches de navigation (permet de passer de la gallerie 01 à la 02 puis à la 03...) */ slide_droite : function (monDiv){ $(monDiv).animate({'left': '-772'}, 'slow'); $('#fleche_droite').animate({ opacity:'toggle' }); $('#fleche_gauche').animate({ opacity:'toggle' }); }, slide_droite_02 : function (monDiv){ $(monDiv).animate({'left': '-1544'}, 'slow'); $('#fleche_droite_02').animate({ opacity:'toggle' }); $('#fleche_gauche_02').animate({ opacity:'toggle' }); }, slide_gauche : function(monDiv){ $(monDiv).animate({'left': '0'}, 'slow'); $('#fleche_gauche').animate({ opacity:'toggle' }); $('#fleche_droite').animate({ opacity:'toggle' }); }, slide_gauche_02 : function(monDiv){ $(monDiv).animate({'left': '-772'}, 'slow'); $('#fleche_gauche_02').animate({ opacity:'toggle' }); $('#fleche_droite_02').animate({ opacity:'toggle' }); }, zoom: function(bOuvre, pZoom, pDezoom){ var y = pZoom; var x = pDezoom; if( bOuvre) { $('.tableaux').css('display', 'block'); $('#fleche_gauche').animate({ opacity:'toggle' }); $('#fleche_droite').animate({ opacity:'toggle' }); $('#fleche_gauche_02').animate({ opacity:'toggle' }); $('#fleche_droite_02').animate({ opacity:'toggle' }); $('.bg_zoom').animate({ opacity: 0 }, 1, function(){ $('.bg_zoom').css('display', 'none'); } ); $('#logo_imprimerie').animate({ opacity:'toggle' }); $('#logo_marketing').animate({ opacity:'toggle' }); $('#logo_packaging').animate({ opacity:'toggle' }); $('#lien_popin_imprimerie').animate({ opacity:'toggle' }); $('#lien_popin_marketing').animate({ opacity:'toggle' }); $('#lien_popin_packaging').animate({ opacity:'toggle' }); $('#tab_01').animate({ width: 101, height: 143, top: 48, left: 63 }, x.timing); $('#tab_02').animate({ width: 83, height: 108, top: 51, left: 245 }, x.timing); $('#tab_03').animate({ width: 86, height: 67, top: 68, left: 378 }, x.timing); $('#tab_04').animate({ width: 50, height: 67, top: 72, left: 520 }, x.timing); $('#tab_05').animate({ width: 101, height: 167, top: 39, left: 620 }, x.timing); $('#tab_06').animate({ width: 48, height: 82, top: 70, left: 70 }, x.timing); $('#tab_07').animate({ width: 70, height: 77, top: 68, left: 197 }, x.timing); $('#tab_08').animate({ width: 84, height: 73, top: 69, left: 326 }, x.timing); $('#tab_09').animate({ width: 86, height: 130, top: 44, left: 476 }, x.timing); $('#tab_10').animate({ width: 95, height: 148, top: 39, left: 592 }, x.timing); $('#tab_11').animate({ width: 95, height: 148, top: 37, left: 91 }, x.timing); $('#tab_12').animate({ width: 86, height: 130, top: 44, left: 215 }, x.timing); $('#tab_13').animate({ width: 84, height: 73, top: 70, left: 367 }, x.timing); $('#tab_14').animate({ width: 70, height: 77, top: 68, left: 512 }, x.timing); $('#tab_15').animate({ width: 66, height: 114, top: 58, left: 679 }, x.timing); // Changement de l'image de fond (moindre qualité) en fonction de la gallerie en cours de visite if( x.salle == '#salle_01') { switch( y.visuel ) { case( animation.zooms.zoom_01.visuel ): $('#tab_01').attr('src', 'img/gallery/home/tab_01.png'); $('#tab_02').attr('src', 'img/gallery/home/tab_02.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03.png'); break; case( animation.zooms.zoom_02.visuel ): $('#tab_02').attr('src', 'img/gallery/home/tab_02.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03.png'); $('#tab_04').attr('src', 'img/gallery/home/tab_04.png'); break; case( animation.zooms.zoom_03.visuel ): $('#tab_03').attr('src', 'img/gallery/home/tab_03.png'); $('#tab_02').attr('src', 'img/gallery/home/tab_02.png'); break; case( animation.zooms.zoom_04.visuel ): $('#tab_04').attr('src', 'img/gallery/home/tab_04.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03.png'); break; case( animation.zooms.zoom_05.visuel ): $('#tab_05').attr('src', 'img/gallery/home/tab_05.png'); $('#tab_02').attr('src', 'img/gallery/home/tab_02.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03.png'); $('#tab_04').attr('src', 'img/gallery/home/tab_04.png'); break; } $(x.salle).attr('src', 'img/gallery/home/bg_01.jpg'); } else if ( x.salle == '#salle_02') { switch( y.visuel ) { case( animation.zooms.zoom_06.visuel ): $('#tab_06').attr('src', 'img/gallery/home/tab_06.png'); $('#tab_07').attr('src', 'img/gallery/home/tab_07.png'); break; case( animation.zooms.zoom_07.visuel ): $('#tab_07').attr('src', 'img/gallery/home/tab_07.png'); $('#tab_08').attr('src', 'img/gallery/home/tab_08.png'); break; case( animation.zooms.zoom_08.visuel ): $('#tab_08').attr('src', 'img/gallery/home/tab_08.png'); $('#tab_07').attr('src', 'img/gallery/home/tab_07.png'); break; case( animation.zooms.zoom_09.visuel ): $('#tab_09').attr('src', 'img/gallery/home/tab_09.png'); $('#tab_08').attr('src', 'img/gallery/home/tab_08.png'); $('#tab_10').attr('src', 'img/gallery/home/tab_10.png'); break; case( animation.zooms.zoom_10.visuel ): $('#tab_10').attr('src', 'img/gallery/home/tab_10.png'); $('#tab_08').attr('src', 'img/gallery/home/tab_08.png'); $('#tab_09').attr('src', 'img/gallery/home/tab_09.png'); break; } $(x.salle).attr('src', 'img/gallery/home/bg_02.jpg'); } else if ( x.salle == '#salle_03') { switch( y.visuel ) { case( animation.zooms.zoom_11.visuel ): $('#tab_11').attr('src', 'img/gallery/home/tab_11.png'); $('#tab_12').attr('src', 'img/gallery/home/tab_12.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13.png'); break; case( animation.zooms.zoom_12.visuel ): $('#tab_12').attr('src', 'img/gallery/home/tab_12.png'); $('#tab_11').attr('src', 'img/gallery/home/tab_11.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13.png'); $('#tab_14').attr('src', 'img/gallery/home/tab_14.png'); break; case( animation.zooms.zoom_13.visuel ): $('#tab_13').attr('src', 'img/gallery/home/tab_13.png'); $('#tab_14').attr('src', 'img/gallery/home/tab_14.png'); break; case( animation.zooms.zoom_14.visuel ): $('#tab_14').attr('src', 'img/gallery/home/tab_14.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13.png'); break; case( animation.zooms.zoom_15.visuel ): $('#tab_15').attr('src', 'img/gallery/home/tab_15.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13.png'); $('#tab_14').attr('src', 'img/gallery/home/tab_14.png'); break; } $(x.salle).attr('src', 'img/gallery/home/bg_03.jpg'); } // Permet de dézoomer la gallerie en cours de visite $(x.salle).animate({ width: x.width, height: x.height }, x.timing ); $(x.conteneur_salle).animate({ left: x.init_left, top: x.init_top }, x.timing ); $('#window_zoom p').css('display', 'none'); $('#window_zoom').animate({ opacity: 0 }, 200, function(){ $('#window_zoom').css('display', 'none'); $('#window_zoom p').css('display', 'none'); }); } else { $('.tableaux').css('z-index', '3'); if( y.salle == '#salle_01') { switch( y.visuel ) { case( animation.zooms.zoom_01.visuel ): $('#tab_01').attr('src', 'img/gallery/home/tab_01_big.png'); $('#tab_01').css('z-index', '6'); $('#tab_02').attr('src', 'img/gallery/home/tab_02_big.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03_big.png'); break; case( animation.zooms.zoom_02.visuel ): $('#tab_02').attr('src', 'img/gallery/home/tab_02_big.png'); $('#tab_02').css('z-index', '6'); $('#tab_03').attr('src', 'img/gallery/home/tab_03_big.png'); $('#tab_04').attr('src', 'img/gallery/home/tab_04_big.png'); break; case( animation.zooms.zoom_03.visuel ): $('#tab_03').attr('src', 'img/gallery/home/tab_03_big.png'); $('#tab_03').css('z-index', '6'); $('#tab_02').attr('src', 'img/gallery/home/tab_02_big.png'); break; case( animation.zooms.zoom_04.visuel ): $('#tab_04').attr('src', 'img/gallery/home/tab_04_big.png'); $('#tab_04').css('z-index', '6'); $('#tab_03').attr('src', 'img/gallery/home/tab_03_big.png'); break; case( animation.zooms.zoom_05.visuel ): $('#tab_05').attr('src', 'img/gallery/home/tab_05_big.png'); $('#tab_05').css('z-index', '6'); $('#tab_02').attr('src', 'img/gallery/home/tab_02_big.png'); $('#tab_03').attr('src', 'img/gallery/home/tab_03_big.png'); $('#tab_04').attr('src', 'img/gallery/home/tab_04_big.png'); break; } } else if( y.salle == '#salle_02') { switch( y.visuel ) { case( animation.zooms.zoom_06.visuel ): $('#tab_06').attr('src', 'img/gallery/home/tab_06_big.png'); $('#tab_06').css('z-index', '6'); $('#tab_07').attr('src', 'img/gallery/home/tab_07_big.png'); break; case( animation.zooms.zoom_07.visuel ): $('#tab_07').attr('src', 'img/gallery/home/tab_07_big.png'); $('#tab_07').css('z-index', '6'); $('#tab_08').attr('src', 'img/gallery/home/tab_08_big.png'); break; case( animation.zooms.zoom_08.visuel ): $('#tab_08').attr('src', 'img/gallery/home/tab_08_big.png'); $('#tab_08').css('z-index', '6'); $('#tab_07').attr('src', 'img/gallery/home/tab_07_big.png'); break; case( animation.zooms.zoom_09.visuel ): $('#tab_09').attr('src', 'img/gallery/home/tab_09_big.png'); $('#tab_09').css('z-index', '6'); $('#tab_08').attr('src', 'img/gallery/home/tab_08_big.png'); $('#tab_10').attr('src', 'img/gallery/home/tab_10_big.png'); break; case( animation.zooms.zoom_10.visuel ): $('#tab_10').attr('src', 'img/gallery/home/tab_10_big.png'); $('#tab_10').css('z-index', '6'); $('#tab_08').attr('src', 'img/gallery/home/tab_08_big.png'); $('#tab_09').attr('src', 'img/gallery/home/tab_09_big.png'); break; } } else if( y.salle == '#salle_03') { switch( y.visuel ) { case( animation.zooms.zoom_11.visuel ): $('#tab_11').attr('src', 'img/gallery/home/tab_11_big.png'); $('#tab_11').css('z-index', '6'); $('#tab_12').attr('src', 'img/gallery/home/tab_12_big.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13_big.png'); break; case( animation.zooms.zoom_12.visuel ): $('#tab_12').attr('src', 'img/gallery/home/tab_12_big.png'); $('#tab_12').css('z-index', '6'); $('#tab_11').attr('src', 'img/gallery/home/tab_11_big.png'); $('#tab_13').attr('src', 'img/gallery/home/tab_13_big.png'); $('#tab_14').attr('src', 'img/gallery/home/tab_14_big.png'); break; case( animation.zooms.zoom_13.visuel ): $('#tab_13').attr('src', 'img/gallery/home/tab_13_big.png'); $('#tab_13').css('z-index', '6'); $('#tab_14').attr('src', 'img/gallery/home/tab_14_big.png'); break; case( animation.zooms.zoom_14.visuel ): $('#tab_14').attr('src', 'img/gallery/home/tab_14_big.png'); $('#tab_14').css('z-index', '6'); $('#tab_13').attr('src', 'img/gallery/home/tab_13_big.png'); break; case( animation.zooms.zoom_15.visuel ): $('#tab_15').attr('src', 'img/gallery/home/tab_15_big.png'); $('#tab_15').css('z-index', '6'); $('#tab_13').attr('src', 'img/gallery/home/tab_13_big.png'); $('#tab_14').attr('src', 'img/gallery/home/tab_14_big.png'); break; } } $('#fleche_gauche').animate({ opacity:'toggle' }); $('#fleche_droite').animate({ opacity:'toggle' }); $('#fleche_gauche_02').animate({ opacity:'toggle' }); $('#fleche_droite_02').animate({ opacity:'toggle' }); $('#logo_imprimerie').animate({ opacity:'toggle' }); $('#logo_marketing').animate({ opacity:'toggle' }); $('#logo_packaging').animate({ opacity:'toggle' }); $('#lien_popin_imprimerie').animate({ opacity:'toggle' }); $('#lien_popin_marketing').animate({ opacity:'toggle' }); $('#lien_popin_packaging').animate({ opacity:'toggle' }); ratio = y.width / 772; $('#tab_01').animate({ width: 101*ratio, height: 143*ratio, top: 48*ratio, left: 63*ratio }, x.timing); $('#tab_02').animate({ width: 83*ratio, height: 108*ratio, top: 51*ratio, left: 245*ratio }, x.timing); $('#tab_03').animate({ width: 86*ratio, height: 67*ratio, top: 68*ratio, left: 378*ratio }, x.timing); $('#tab_04').animate({ width: 50*ratio, height: 67*ratio, top: 72*ratio, left: 520*ratio }, x.timing); $('#tab_05').animate({ width: 101*ratio, height: 167*ratio, top: 39*ratio, left: 620*ratio }, x.timing); $('#tab_06').animate({ width: 48*ratio, height: 82*ratio, top: 70*ratio, left: 70*ratio }, x.timing); $('#tab_07').animate({ width: 70*ratio, height: 77*ratio, top: 68*ratio, left: 197*ratio }, x.timing); $('#tab_08').animate({ width: 84*ratio, height: 73*ratio, top: 69*ratio, left: 326*ratio }, x.timing); $('#tab_09').animate({ width: 86*ratio, height: 130*ratio, top: 44*ratio, left: 476*ratio }, x.timing); $('#tab_10').animate({ width: 95*ratio, height: 148*ratio, top: 39*ratio, left: 592*ratio }, x.timing); $('#tab_11').animate({ width: 95*ratio, height: 148*ratio, top: 37*ratio, left: 91*ratio }, x.timing); $('#tab_12').animate({ width: 86*ratio, height: 130*ratio, top: 44*ratio, left: 215*ratio }, x.timing); $('#tab_13').animate({ width: 84*ratio, height: 73*ratio, top: 70*ratio, left: 367*ratio }, x.timing); $('#tab_14').animate({ width: 70*ratio, height: 77*ratio, top: 68*ratio, left: 512*ratio }, x.timing); $('#tab_15').animate({ width: 66*ratio, height: 114*ratio, top: 58*ratio, left: 679*ratio }, x.timing); $(y.salle).animate({ width: y.width, height: y.height }, y.timing ); $(y.conteneur_salle).animate({ left: y.left, top: y.top }, y.timing, function(){ $('#window_zoom').css('display', 'block'); $(y.descriptif).css('display', 'block'); $('.bg_zoom').css('display', 'block'); $('#window_zoom p').css('left', y.txt_left); $('#window_zoom p').css('top', y.txt_top); $('#window_zoom').animate({ opacity: 1 }, 500 ); $('.bg_zoom').animate({ opacity: 0.5 }, 600 ); $('#window_zoom p').animate({ opacity: 0.7 }, 600); if( y.salle == '#salle_01'){ $(y.salle).attr('src', 'img/gallery/home/bg_01_big.jpg'); } else if( y.salle == '#salle_02'){ $(y.salle).attr('src', 'img/gallery/home/bg_02_big.jpg'); } else if( y.salle == '#salle_03'){ $(y.salle).attr('src', 'img/gallery/home/bg_03_big.jpg'); } }); } }, rewriteHash: function(){ var me = this; var currentLink = window.location.toString(); currentLink = currentLink.replace(/#[0-3]/,''); currentLink = currentLink + '#' + me.currentSalle.toString(); location.replace(currentLink); }, init : function(hash){ var me = this; var maSalle; var dezoom = animation.zooms.dezoom; var dezoom_02 = animation.zooms.dezoom_02; var dezoom_03 = animation.zooms.dezoom_03; var zoom_01 = animation.zooms.zoom_01; var zoom_02 = animation.zooms.zoom_02; var zoom_03 = animation.zooms.zoom_03; var zoom_04 = animation.zooms.zoom_04; var zoom_05 = animation.zooms.zoom_05; var zoom_06 = animation.zooms.zoom_06; var zoom_07 = animation.zooms.zoom_07; var zoom_08 = animation.zooms.zoom_08; var zoom_09 = animation.zooms.zoom_09; var zoom_10 = animation.zooms.zoom_10; var zoom_11 = animation.zooms.zoom_11; var zoom_12 = animation.zooms.zoom_12; var zoom_13 = animation.zooms.zoom_13; var zoom_14 = animation.zooms.zoom_14; var zoom_15 = animation.zooms.zoom_15; $('#window_zoom').animate({ opacity: 0 }, 1 ); $('.bg_zoom').animate({ opacity: 0 }, 1 ); $('#fleche_gauche').animate({ opacity:'toggle' }); $('#fleche_gauche_02').animate({ opacity:'toggle' }); // Interactivité de l'image portant l'ID 'fleche_gauche' $('#fleche_gauche').click(function(){ me.slide_gauche(('#bg')); me.currentSalle--; me.rewriteHash() // alert(me.currentSalle); }); // Interactivité de l'image portant l'ID 'fleche_droite' $('#fleche_droite').click(function(){ me.slide_droite(('#bg')); me.currentSalle++; me.rewriteHash() // alert(me.currentSalle); }); // Interactivité de l'image portant l'ID 'fleche_gauche_02' $('#fleche_gauche_02').click(function(){ me.slide_gauche_02(('#bg')); me.currentSalle--; me.rewriteHash() // alert(me.currentSalle); }); // Interactivité de l'image portant l'ID 'fleche_droite_02' $('#fleche_droite_02').click(function(){ me.slide_droite_02(('#bg')); me.currentSalle++; me.rewriteHash() // alert(me.currentSalle); }); // test pour rappeler le bon tableau lors d'un retour if(hash != ''){ switch(hash){ case '2' : $('#fleche_droite').trigger('click'); break; case '3' : $('#fleche_droite').trigger('click'); $('#fleche_droite_02').trigger('click'); break; } } $('#window_zoom a').click(function(event){ event.stopPropagation(); setTimeout($('#window_zoom').trigger('click'), 1000); }); // Fonction de dezoom $('#window_zoom').click(function() { me.ouverture = !me.ouverture; if( maSalle == '#salle_01' ) me.zoom(me.ouverture, zoom_01, dezoom); else if( maSalle == '#salle_02' ) me.zoom(me.ouverture, zoom_02, dezoom_02); else if( maSalle == '#salle_03' ) me.zoom(me.ouverture, zoom_03, dezoom_03); }); // Interactivité des images --> Zoom ( tableau_01, 02, 03, etc... ) $('#tab_01').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_01, dezoom); maSalle = zoom_01.salle; }); $('#tab_02').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_02, dezoom); maSalle = zoom_02.salle; }); $('#tab_03').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_03, dezoom); maSalle = zoom_03.salle; }); $('#tab_04').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_04, dezoom); maSalle = zoom_04.salle; }); $('#tab_05').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_05, dezoom); maSalle = zoom_05.salle; }); $('#tab_06').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_06, dezoom_02); maSalle = zoom_06.salle; }); $('#tab_07').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_07, dezoom_02); maSalle = zoom_07.salle; }); $('#tab_08').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_08, dezoom_02); maSalle = zoom_08.salle; }); $('#tab_09').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_09, dezoom_02); maSalle = zoom_09.salle; }); $('#tab_10').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_10, dezoom_02); maSalle = zoom_10.salle; }); $('#tab_11').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_11, dezoom_03); maSalle = zoom_11.salle; }); $('#tab_12').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_12, dezoom_03); maSalle = zoom_12.salle; }); $('#tab_13').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_13, dezoom_03); maSalle = zoom_13.salle; }); $('#tab_14').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_14, dezoom_03); maSalle = zoom_14.salle; }); $('#tab_15').click(function() { me.ouverture = !me.ouverture; me.zoom(me.ouverture, zoom_15, dezoom_03); maSalle = zoom_15.salle; }); } }