Visite virtuelle de l'H么tel de Matignon

<!DOCTYPE html lang="fr"> <html> <head> <title>Visite virtuelle de l'H么tel de Matignon</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="mobile-web-app-capable" content="yes" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="js/popup/popup.css"> <style> html { height:100%; } body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; } </style> </head> <body> <script src="tour.js"></script> <script src="js/jquery/jquery.min.js"></script> <script src="js/popup/plugin.js"></script> <script src="js/autoguide/autoguide.js"></script> <script> const autoGuide = new matAutoGuide() const matPopup = new $.matPopup() </script> <script> function afficherpoi(langue, cross, nomdelascene, nomdupoi, sansimages) { $('.popuppoi').removeClass('cacher'); $('.popuppoi').addClass(sansimages); $('.popuppoi').append('<div class="'+cross+'" onclick="cacherpoi()"></div><div id="content_popup"><iframe title="Point d\int茅ret" id="iframe" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" src="fiches/' + langue + '/'+nomdelascene+'/'+nomdupoi+'.html"></iframe></div>'); } function afficherIntro(langue) { $('.intro').removeClass('cacher'); $('.intro').append('<div id="intro"><iframe id="iframe" title="Introduction" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" src="fiches/' + langue + '/intro.html"></iframe></div>'); } function afficherMenu(langue, type) { $('.down-menu').empty(); $('.down-menu').append('<div id="down-menu"><iframe id="iframe" title="Menu" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" src="fiches/' + langue + '/menus/' + type + 'Tour.html"></iframe></div>'); $('.down-menu').removeClass('cacher'); autoGuide.init(); } function afficherMap(langue, type) { $('.map').empty(); $('.map').append('<div id="map"><iframe id="iframe" title="Carte" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" src="fiches/' + langue + '/menus/' + type + 'Tour.html"></iframe></div>'); $('.map').removeClass('cacher'); } function afficherTitre(langue, scene) { $('.room-title').empty(); let style = ""; if (scene == "scene_matignon_22") { style = "width: 384px;"; } if (scene == "scene_matignon_04" && window.innerWidth <= 700) { scene = scene + "_resp"; } else if (scene == "scene_matignon_04") { style = "width: 550px;"; } $('.room-title').append('<div id="room-title" style="' + style + '"><iframe title="Titre" id="iframe" frameborder="0" style="' + style + '" marginheight="0" marginwidth="0" scrolling="yes" src="fiches/' + langue + '/salles/' + scene + '.html"></iframe></div>'); $('.room-title').removeClass('cacher'); } function cacherTitre() { $('.room-title').addClass('cacher'); $('.room-title').empty(); } function cacherpoi() { $('.popuppoi').addClass('cacher'); $('.popuppoi').empty(); } function closeintro() { $('.intro').addClass('cacher'); $('.intro').empty(); } function showBurgerMenu() { $('.burger-menu.FR').removeClass('cacher'); $('.icone-burger-menu.is-closed').hide(); $('.icone-burger-menu.is-opened').show(); } function initMap() { $('.draw-menu .map img').hide(); $('.draw-menu img.ground').show(); $('.draw-menu img.first').show(); $('.draw-menu .map .hover .mapRoomTitle').hide(); } function seeMapImg(scene, floor) { let otherFloor = (floor == 'ground') ? 'first' : 'ground'; if (scene == 'scene_matignon_11') { otherFloor = 'first_' + scene; } $('.draw-menu .map img').hide(); $('.draw-menu img.' + floor + '_' + scene).show(); $('.draw-menu img.' + otherFloor).show(); } function seeMapTitle(hoverScene) { let mapElement = $('.draw-menu .map .hover.' + hoverScene + ' .mapRoomTitle'); hoverScene == 'scene_matignon_06' || hoverScene == 'scene_matignon_13' ? mapElement.first().show() : mapElement.show(); } function getCurrentScene() { let sceneTitle = String(krpano.get("scene[get(xml.scene)].name")); let sceneFloor = String(krpano.get("scene[get(xml.scene)].floor")); return { 'sceneTitle': sceneTitle, 'sceneFloor': sceneFloor }; } function showMapMenu() { $('.draw-menu.FR').removeClass('cacher'); // let arr = getCurrentScene(); // seeMapImg(arr.sceneTitle, arr.sceneFloor); initMap(); krpano.call("hideButtonsPopup()"); cacherTitre(); $('.down-menu').addClass('cacher'); } function hoverMap(hoverScene, hoverFloor) { seeMapImg(hoverScene, hoverFloor); seeMapTitle(hoverScene); } function unhoverMap() { // let arr = getCurrentScene(); // seeMapImg(arr.sceneTitle, arr.sceneFloor); initMap(); } function hideBurgerMenu() { $('.burger-menu').addClass('cacher'); $('.icone-burger-menu.is-closed').show(); $('.icone-burger-menu.is-opened').hide(); } function hideMapMenu() { $('.draw-menu.FR').addClass('cacher'); $('.room-title').removeClass('cacher'); $('.down-menu').removeClass('cacher'); krpano.call('tween(global.plugin[pp_blur].range, 0.0);'); } function hoverButton(element, ext = '') { element.setAttribute('src', 'assets/commencer_visite' + ext + '_hover.png'); } function unhoverButton(element, ext = '') { element.setAttribute('src', 'assets/commencer_visite' + ext + '.png'); } function pausesong(nb){ document.getElementById('audio-' + nb).pause(); } function playsong(nb) { let el = document.getElementById('audio-' + nb); if (el.duration < 0 || el.paused) { stopsongs(); el.volume = 0.3; el.play(); } } function callxt_med(x, niveau, chapitre, page) { /*** js( test('Hello', get(view.hlookat), get(view.vlookat)) ); ***/ //console.log("test2 " + p1 + " hlookat=" + p2 + " vlookat=" + p3); xt_med(x, niveau, chapitre, page); console.log( x + niveau + chapitre + page); //xt_rm('C', '2', 'Options::Rotation::Activate_autorotor', 'A'); //xt_rm('video','2','Options::Rotation::Activate_autorotor','stop','','','','','','','','','',''); console.log("end test"); } function stopsong(nb = null) { if (nb == null) return false; document.getElementById('audio-'+ nb).pause(); document.getElementById('audio-'+ nb).currentTime = 0; } function stopsongs() { let audios = document.getElementsByTagName("audio"); for (i = 0 ; i < audios.length ; i++) { audios[i].pause(); audios[i].currentTime = 0; } } </script> <script type="text/javascript"> var tarteaucitronForceLanguage = "fr" </script> <script type="text/javascript"> var Drupal = { 'settings': {}, 'behaviors': {} } </script> <script type="text/javascript"> var Drupal = {}; Drupal.settings = { "pmv6tarteaucitron": { "services": { "youtube": 1, "dailymotion": 1, "timelinejs": 1, "facebook": 1, "twitter": 1, "twitterembed": 1, "instagram": 1, "tagcommanderpmv6": 0, "doubleclick": 1, "infogram": 1, "storify": 1, "mapbox": 1, "googlemaps": 1, "spark": 1, "slideshare": 1, "wemap": 1, "twittertimeline": 1, "calameo": 1, "linkedininsight": 1, "snapchatpixel": 1, "twitterpixel": 1, "facebookpixel": 1 } }, 'language':'fr' }; var tarteaucitronForceLanguage = "fr"; //<![CDATA[ var lang = window.location.href.indexOf('/en/') === -1 ? 'fr' : 'en'; var pmv6 = {}; // le hit de page se fera automatiquement avec ces donn茅es const websiteEnv = document.location.hostname === 'www.gouvernement.fr' ? 'prod' :'dev'; const websiteHost = document.location.hostname === 'www.gouvernement.fr' ? 'zhsv.gouvernement.fr' :'gva.et-gv.fr'; (function(e,a){ var i=e.length,y=5381,k='script',s=window,v=document,o=v.createElement(k); for(;i;){i-=1;y=(y*33)^e.charCodeAt(i)}y='_EA_'+(y>>>=0); (function(e,a,s,y){s[a]=s[a]||function(){(s[y]=s[y]||[]).push(arguments);s[y].eah=e;};}(e,a,s,y)); i=new Date/1E7|0;o.ea=y;y=i%26;o.async=1;o.src='//'+e+'/'+String.fromCharCode(97+y,122-y,65+y)+(i%1E3)+'.js?2'; s=v.getElementsByTagName(k)[0];s.parentNode.insertBefore(o,s);})(websiteHost,'EA_push'); const EA_datalayer = []; EA_datalayer.push('site_environment', websiteEnv); EA_datalayer.push('site_language','fr'); EA_datalayer.push('site_entity', 'SIG'); EA_datalayer.push('site_target', 'information'); EA_datalayer.push('site_type', 'standard'); EA_datalayer.push('pagegroup', 'visite_virtuelle_matignon'); EA_datalayer.push('page_template', 'visite_virtuelle_matignon'); EA_datalayer.push('page_subtemplate', 'visite_virtuelle_matignon_interactive'); EA_datalayer.push('pagelabel', 'visite_virtuelle_matignon,visite_virtuelle_matignon_interactive,,,'); EA_datalayer.push('page_depth', 0); window.EA_push(EA_datalayer); //]]> </script> <link href='./assets/pmv6/opensans.css' rel='stylesheet' type='text/css'> <script type="text/javascript" src="./assets/pmv6/tarteaucitron.js"></script> <script type="text/javascript" src="./assets/pmv6/tarteaucitron-init.js"></script> <style type="text/css" media="all"> @import url("./assets/pmv6/tac-custom.min.css"); </style> <header> <div class="header-content"> <a class="logo" href="/"> <img src="./assets/logo.png" alt="Gouvernement"/> </a> <img class="icone-burger-menu is-closed" style="display:none" onclick="showBurgerMenu()" src="./assets/burger.svg" alt="Menu" /> <img class="icone-burger-menu is-opened" style="display:none" onclick="hideBurgerMenu()" src="./assets/burger-close.svg" alt="Menu" /> <a class="back-to" href="/"> Retour sur le site gouvernement.fr </a> <a class="back-to responsive" href="/"> Retour sur le site </a> </div> </header> <main> <div id="pano" style=" width: 100%; height: calc(100vh - 113px); top: 113px; position: relative;"> <noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript> <script> var lg = navigator.language || navigator.userLanguage; var settings = {}; var res = lg.match(/fr/i); settings['lg'] = 'fr'; embedpano({ swf: "tour.swf", xml: "tour.xml", target: "pano", html5: "auto", vars: settings, mobilescale: 1.0, id: "krObject", passQueryParameters: true }); </script> </div> <div class="room-title cacher"> </div> <div class="intro cacher"> </div> <div class="map cacher"> </div> <div class="down-menu cacher"> </div> <div class="matPopup_wrapper"> <div class="matPopup_backdrop"> <div class="matPopup_popup"> <div class="matPopup_popupMedia"> <div class="matPopup_popupMedia_grid" id="matPopup_mediaImg"></div> <div class="matPopup_popupMedia_description"> <span id="matPopup_mediaDesc"></span> </div> <div class="matPopup_popupMedia_copyright"> <span id="matPopup_mediaCopy"></span> </div> </div> <div class="matPopup_popupInfo"> <div class="matPopup_popupInfo_header"> <h3 id="matPopup_infoTitle"></h3> </div> <div class="matPopup_popupInfo_content" id="matPopup_infoDesc"></div> </div> <div class="matPopup_popupClose">Fermer <img src="assets/close.svg" alt="Fermer" /></div> </div> </div> </div> <div class="burger-menu FR cacher"> <div class="content"> <div class="inner"> <div class="scenes"> <ul class="floors"> <li>Rez-de-chauss茅e <ul class="plan"> <li onclick="goTo('scene_matignon_22');"> COUR D鈥橦ONNEUR </li> <li onclick="goTo('scene_matignon_11');"> ESCALIER D鈥橦ONNEUR </li> <li onclick="goTo('scene_matignon_12');"> SALLE POMP脡IENNE </li> <li onclick="goTo('scene_matignon_17');"> SALLE DU CONSEIL </li> <li onclick="goTo('scene_matignon_06');"> SALON JAUNE </li> <li onclick="goTo('scene_matignon_13');"> SALON BLEU </li> <li onclick="goTo('matignon_01');"> SALON ROUGE </li> <li onclick="goTo('scene_matignon_04');"> Bureau de la secr茅taire g茅n茅rale du Gouvernement </li> <li onclick="goTo('scene_matignon_19');"> JARDIN </li> </ul> </li> <li>1er 茅tage <ul class="plan"> <li onclick="goTo('scene_matignon_07');"> Antichambre </li> <li onclick="goTo('scene_matignon_14');"> Bureau du Premier Ministre </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="draw-menu FR cacher"> <div class="content"> <div class="window"> <div class="inner"> <div onclick="hideMapMenu()" class="close"> <span>Fermer</span> <img src="./assets/close.svg" alt="Fermer"> </div> <div class="inner-map"> <div class="ground-floor"> <span>Plan</span> <h4>Rez-de-chauss茅e</h4> <div class="map">  <div class="hover scene_matignon_22" onclick="hideMapMenu(); goTo('scene_matignon_22');" onmouseover="hoverMap('scene_matignon_22', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Cour d鈥檋onneur</h5></div> <div class="hover scene_matignon_11" onclick="hideMapMenu(); goTo('scene_matignon_11');" onmouseover="hoverMap('scene_matignon_11', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Escalier d鈥檋onneur</h5></div> <div class="hover scene_matignon_12" onclick="hideMapMenu(); goTo('scene_matignon_12');" onmouseover="hoverMap('scene_matignon_12', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salle pomp茅ienne</h5></div> <div class="hover scene_matignon_16" onclick="hideMapMenu(); goTo('scene_matignon_17');" onmouseover="hoverMap('scene_matignon_16', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salle du conseil</h5></div> <div class="hover scene_matignon_06 _1" onclick="hideMapMenu(); goTo('scene_matignon_06');" onmouseover="hoverMap('scene_matignon_06', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salon jaune</h5></div> <div class="hover scene_matignon_06 _2" onclick="hideMapMenu(); goTo('scene_matignon_06');" onmouseover="hoverMap('scene_matignon_06', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salon jaune</h5></div> <div class="hover scene_matignon_13 _1" onclick="hideMapMenu(); goTo('scene_matignon_13');" onmouseover="hoverMap('scene_matignon_13', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salon bleu</h5></div> <div class="hover scene_matignon_13 _2" onclick="hideMapMenu(); goTo('scene_matignon_13');" onmouseover="hoverMap('scene_matignon_13', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salon bleu</h5></div> <div class="hover matignon_01" onclick="hideMapMenu(); goTo('matignon_01');" onmouseover="hoverMap('matignon_01', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Salon rouge</h5></div> <div class="hover scene_matignon_04" onclick="hideMapMenu(); goTo('scene_matignon_04');" onmouseover="hoverMap('scene_matignon_04', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Bureau de la secr茅taire g茅n茅ral du Gouvernement</h5></div> <div class="hover scene_matignon_15" onclick="hideMapMenu(); goTo('scene_matignon_19');" onmouseover="hoverMap('scene_matignon_15', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Jardin</h5></div>  <img class="ground" src="./assets/map/ground.png" alt="Rez-de-chauss茅e" /> <img class="ground_matignon_01" src="./assets/map/ground_matignon_01.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_04" src="./assets/map/ground_scene_matignon_04.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_06" src="./assets/map/ground_scene_matignon_06.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_11" src="./assets/map/ground_scene_matignon_11.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_12" src="./assets/map/ground_scene_matignon_12.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_13" src="./assets/map/ground_scene_matignon_13.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_16" src="./assets/map/ground_scene_matignon_16.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_17" src="./assets/map/ground_scene_matignon_17.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_22" src="./assets/map/ground_scene_matignon_22.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_15" src="./assets/map/ground_scene_matignon_15.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_19" src="./assets/map/ground_scene_matignon_15.png" alt="Rez-de-chauss茅e" /> <img class="ground_scene_matignon_20" src="./assets/map/ground_scene_matignon_20.png" alt="Rez-de-chauss茅e" /> </div> </div> <div class="first-floor"> <span>Plan</span> <h4>1er 茅tage</h4> <div class="map">  <div class="hover scene_matignon_07" onclick="hideMapMenu(); goTo('scene_matignon_07');" onmouseover="hoverMap('scene_matignon_07', 'first');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Antichambre</h5></div> <div class="hover scene_matignon_11" onclick="hideMapMenu(); goTo('scene_matignon_11');" onmouseover="hoverMap('scene_matignon_11', 'ground');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Escalier d鈥檋onneur</h5></div> <div class="hover scene_matignon_14" onclick="hideMapMenu(); goTo('scene_matignon_14');" onmouseover="hoverMap('scene_matignon_14', 'first');" onmouseout="unhoverMap();"><h5 class="mapRoomTitle">Bureau du Premier ministre</h5></div>  <img class="first" src="./assets/map/first.png" alt="1er 茅tage" /> <img class="first_scene_matignon_07" src="./assets/map/first_scene_matignon_07.png" alt="1er 茅tage" /> <img class="first_scene_matignon_11" src="./assets/map/first_scene_matignon_11.png" alt="1er 茅tage" /> <img class="first_scene_matignon_14" src="./assets/map/first_scene_matignon_14.png" alt="1er 茅tage" /> </div> </div> </div> </div> </div> </div> </div> </main> <script> var krpano = document.getElementById("krObject"); var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; function stopMouvmtH() { krpano.set("hlookat_moveforce", 0); } function stopMouvmtV() { krpano.set("vlookat_moveforce", 0); } function stopZoom() { krpano.set("fov_moveforce", 0); } function zoomIn() { krpano.set("fov_moveforce", -1); } function zoomOut() { krpano.set("fov_moveforce", +1); } function turnRight() { krpano.set("hlookat_moveforce", +1); } function turnLeft() { krpano.set("hlookat_moveforce", -1); } function turnUp() { krpano.set("vlookat_moveforce", -1 ); } function turnDown() { krpano.set("vlookat_moveforce", +1 ); } function goTo(scene) { hideBurgerMenu(); krpano.call("gotoscene('" + scene + "');"); } function startTour() { krpano.call("startTour();"); } function freeTour() { $('.intro').addClass('cacher'); afficherMenu('FR', 'free'); $('img.icone-burger-menu.is-closed').show(); krpano.call("freeTour();"); } function guidedTour() { $('.intro').addClass('cacher'); afficherMenu('FR', 'guided'); $('img.icone-burger-menu.is-closed').hide(); krpano.call("guidedTour();"); } function stopGuided() { krpano.call("autoGuide_stop();"); } /* Get the documentElement (<html>) to display the page in fullscreen */ var elem = document.documentElement; var isOpen = false; /* View in fullscreen */ function openFullscreen() { if (isOpen) { closeFullscreen(); return; } if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { /* Firefox */ elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE/Edge */ elem.msRequestFullscreen(); } isOpen=true; } /* Close fullscreen */ function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { /* Firefox */ document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE/Edge */ document.msExitFullscreen(); } isOpen=false; } // /* View in fullscreen */ // function openFullscreen() { // if (elem.requestFullscreen) { // elem.requestFullscreen(); // } else if (elem.mozRequestFullScreen) { /* Firefox */ // elem.mozRequestFullScreen(); // } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */ // elem.webkitRequestFullscreen(); // } else if (elem.msRequestFullscreen) { /* IE/Edge */ // elem.msRequestFullscreen(); // } // } /* Close fullscreen */ // function closeFullscreen() { // if (document.exitFullscreen) { // document.exitFullscreen(); // } else if (document.mozCancelFullScreen) { /* Firefox */ // document.mozCancelFullScreen(); // } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */ // document.webkitExitFullscreen(); // } else if (document.msExitFullscreen) { /* IE/Edge */ // document.msExitFullscreen(); // } // } </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1538432729" async></script></body> </html>

CINXE.COM

Visite virtuelle de l'H么tel de Matignon