| Server IP : 213.186.33.4 / Your IP : 216.73.216.59 Web Server : Apache System : Linux webm006.cluster103.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : awebpaca ( 35430) PHP Version : 8.5.0 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/awebpaca/360/camping-clos-de-barbey/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Camping Le Clos de Barbey à Bauduen</title>
<meta name="description" content="" />
<meta name="keywords" content="Camping Le Clos de Barbey à Bauduen" />
<meta name="medium" content="mult" />
<meta name="video_width" content="640" />
<meta name="video_height" content="480" />
<link rel="image_src" href="indexdata/thumbnail.jpg" />
<meta name="author" content="Une réalisation ADEO-WEB" />
<meta property="og:title" content="Camping Le Clos de Barbey à Bauduen" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:image" content="indexdata/thumbnail.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Camping Le Clos de Barbey à Bauduen" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="indexdata/thumbnail.jpg" />
<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="default" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom theme -->
<style type="text/css">
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; padding: 0; margin: 0px; }
body { height: 100%; overflow:hidden; padding: 0; margin: 0px; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
padding: 0;
margin: 0;
height:100%;
position:relative;
overflow:hidden;
}
div#panoDIV {
padding: 0;
z-index: 10;
}
div#panoDIV { height:100%; position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
</style>
<style style="text/css">
@font-face {
font-family: 'open_sansregular';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
a, a:active, a:hover, a:visited, h1 {
color: #000000;
font-family: 'open_sansregular',Arial,sans-serif;
}
p, span, div, h2, h3, h4, h5, li {
color: #000000;
font-family: 'open_sansregular',Arial,sans-serif;
}
#global-container.container-fluid, #global-container.row, #global-container.row>div {
padding: 0px;
margin: 0px;
z-index: 1;
}
div#tourDIV {
padding: 0;
margin: 0;
}
div#tour-container {
position: relative;
height: 100%;
}
.navbar {
margin-bottom: 0px;
}
div#toolbar {
position: absolute;
bottom: 50px;
}
div#over-layer p {
position: absolute;
font-size: 35px;
top: 100px;
left: 100px;
}
div#panoDIV {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
div#thumbnailsDIV {
position: absolute;
height: 135px;
width: 100%;
left: 0px;
bottom: 0px;
overflow-x: scroll;
white-space: nowrap;
padding-top: 10px;
display: none;
overflow: hidden;
}
div#thumbnailsDIV div.thumb {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
div#thumbnailsDIV {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-8 */
}
div#thumbnailsDIV div.thumb img {
height: 100px;
width: auto;
box-shadow: 0px 0px 10px 1px #080808;
-webkit-box-shadow: 0px 0px 10px 1px #080808;
-moz-box-shadow: 0px 0px 10px 1px #080808;
-ms-box-shadow: 0px 0px 10px 1px #080808;
-o-box-shadow: 0px 0px 10px 1px #080808;
}
div#thumbnailsDIV::selection {
background: none; /* WebKit/Blink Browsers */
}
div#thumbnailsDIV::-moz-selection {
background: none; /* Gecko Browsers */
}
.modal h2 {
letter-spacing: -2px;
}
/*Navbar*/
.navbar {
z-index: 99;
}
.navbar-default {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
box-shadow: 0 0 8px 0px #111111;
-webkit-box-shadow: 0 0 8px 0px #111111;
-moz-box-shadow: 0 0 8px 0px #111111;
-ms-box-shadow: 0 0 8px 0px #111111;
-o-box-shadow: 0 0 8px 0px #111111;
}
.navbar-default, .btn-group.open .dropdown-toggle {
background-image: -webkit-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
border-color: #d5d5d5;
}
.navbar-nav > li > a, .navbar-brand {
color: #000000 !important;
}
.navbar-nav > li > a:hover, .navbar-brand:hover {
color: #000000 !important;
}
.navbar-default .navbar-toggle {
border-color: #000000;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #000000;
}
.navbar-toggle:hover .icon-bar {
background-color: #d5d5d5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #000000;
}
.navbar-default .navbar-toggle.collapsed {
background-color: #ffffff !important;
}
.open > .dropdown-menu {
background-color: #d5d5d5 !important;
}
.open > .dropdown-menu li a {
color: #000000 !important;
}
.open > .dropdown-menu li a:hover {
color: #ffffff !important;
background-color: #000000 !important;
}
/*sub menu border*/
.navbar-default .navbar-collapse {
border-color: #ffffff;
}
/*Dropdown button and dropdown menu*/
.btn-group .btn-primary {
border-color: transparent !important;
background-color: #000000;
}
.btn-group .dropdown-menu {
background-color: #ffffff;
}
.btn-group .dropdown-menu li a {
color: #000000;
}
.btn-group .dropdown-menu li a:hover {
color: #000000;
background-color: #000000;
}
.btn-group.open .dropdown-toggle {
border-color: transparent !important;
}
.dropup .caret {
color: #FFFFFF;
}
.btn-group.open .dropdown-toggle {
color: #000000;
}
/* tab color */
.nav-tabs>li>a {
background-color: transparent;
color: #999999;
}
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #000000;
background-color: transparent;
}
/* hover tab color */
.nav-tabs>li>a:hover {
background-color: transparent;
border:1px solid transparent;
color: #FFFFFF;
}
/*Breadcrumb*/
.breadcrumb .active {
color: #000000 !important;
opacity: 0.5;
}
.breadcrumb>li+li:before {
color: #444444;
}
#toolbar .btn {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 99%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-8 */
border: none;
opacity: 0.7;
}
#toolbar .btn:hover span {
color: #000000;
}
#toolbar .btn:active {
border-bottom: none;
}
#toolbar .btn:hover {
box-shadow: 0 3px 5px 1px #111111;
-webkit-box-shadow: 0 3px 5px 1px #111111;
-moz-box-shadow: 0 3px 5px 1px #111111;
-ms-box-shadow: 0 3px 5px 1px #111111;
-o-box-shadow: 0 3px 5px 1px #111111;
}
#toolbar .btn-group {
box-shadow: 0px 0px 5px 1px #111111;
-webkit-box-shadow: 0px 0px 5px 1px #111111;
-moz-box-shadow: 0px 0px 5px 1px #111111;
-ms-box-shadow: 0px 0px 5px 1px #111111;
-o-box-shadow: 0px 0px 5px 1px #111111;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color: #ffffff;
}
/*Modal*/
.modal { }
.modal-content {
background-color: #ffffff;
color: #000000;
}
.modal-header, .modal-footer {
border-color: #000000;
}
.modal .breadcrumb {
background-color: #d5d5d5;
}
/*Buttons primary color*/
.btn-primary {
background-color: #000000;
color: #ffffff;
border-color: transparent;
}
.btn-primary:hover, .btn-primary:active {
background-color: #000000;
color: #ffffff;
border-color: transparent !important;
}
/*Close button*/
.close {
color: #000000 !important;
}
#share-box .fa {
font-size: 70px;
}
#help-box, #share-box, #info-box {
z-index: 9999;
}
.tab-pane {
padding-top: 15px;
}
.footer {
height: 150px;
padding: 100px 0px;
}
.pdtop15{ padding-top: 15px !important }
.pdtop20{ padding-top: 20px !important }
.pdtop30{ padding-top: 30px !important }
.pdbot15{ padding-bottom: 15px !important }
.pdbot20{ padding-bottom: 20px !important }
.pdbot30{ padding-bottom: 30px !important }
.mgbot10[ margin-bottom: 10px !important }
.mgbot15[ margin-bottom: 15px !important }
.mgbot20[ margin-bottom: 20px !important }
/*fix plugin*/
div#panoDIV * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box !important;
}
</style>
<script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script>
<link type="text/css" href="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript" src="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="indexdata/lib/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="indexdata/lib/Kolor/KolorTools.min.js"></script>
<script type="text/javascript" src="indexdata/graphics/KolorBootstrap.js"></script>
<script type="text/javascript">
function accessWebVr(curScene, curTime){
unloadPlayer();
eventUnloadPlugins();
loadPlayer(true, curScene, curTime);
}
function accessStdVr(curScene, curTime){
unloadPlayer();
resetValuesForPlugins();
loadPlayer(false, curScene, curTime);
}
function loadPlayer(isWebVr, curScene, curTime) {
if (isWebVr) {
embedpano({
id:"krpanoSWFObject"
,xml:"indexdata/index_vr.xml"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,html5:"only+webgl"
,vars:{skipintro:true,norotation:true,startscene:curScene,starttime:curTime}
,webglsettings:{preserveDrawingBuffer:false, depth:true, stencil:true}
});
} else {
embedpano({
id:"krpanoSWFObject"
,xml:"indexdata/index.xml"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,html5:"auto"
,vars:{startscene:curScene,starttime:curTime}
,webglsettings:{preserveDrawingBuffer:false, depth:true, stencil:true}
});
}
}
function unloadPlayer(){
if(jQuery('#krpanoSWFObject')){
//stop all sounds playing before the removepano
if (getCurrentTourPlayer() != null) {
getCurrentTourPlayer().call("stopTourSounds();");
}
currentPanotourPlayer = null;
removepano('krpanoSWFObject');
}
}
var currentPanotourPlayer = null;
function getCurrentTourPlayer() {
if (currentPanotourPlayer == null) {
currentPanotourPlayer = document.getElementById('krpanoSWFObject');
}
return currentPanotourPlayer;
}
function isVRModeRequested() {
var querystr = window.location.search.substring(1);
var params = querystr.split('&');
for (var i=0; i<params.length; i++){
if (params[i].toLowerCase() == "vr"){
return true;
}
}
return false;
}
</script>
<style type="text/css">
/*fix navbar drop down menu over*/
.dropdown-menu, .modal {
z-index: 7000;
}
/*fix toolbar and thumbnails*/
div#toolbar, div.tooltip {
z-index: 7001;
}
div#thumbnailsDIV {
z-index: 7000;
}
/*fix box sizing*/
div.kolorBox,
ul.kolorMenu li.kolorMenuItem>p {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
}
</style>
</head>
<body>
<div id="container">
<div id="tourDIV">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs colorFgDarkerOnly panorama-title" href="#"></a>
<a class="navbar-brand hidden-xs colorFgDarkerOnly" href="#pano10" onclick="getTourPlayer().call('mainloadscene(pano10)')">Camping Le Clos de Barbey à Bauduen</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#s=pano10" onclick="getTourPlayer().call('mainloadscene(pano10)')" class="">Vue aérienne</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" style="background:none" data-toggle="dropdown">Services <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#s=pano16" onclick="getTourPlayer().call('mainloadscene(pano16)')" class="">Piscine</a></li>
<li><a href="#s=pano12" onclick="getTourPlayer().call('mainloadscene(pano12)')" class="">Air de jeux</a></li>
<li><a href="#s=pano14" onclick="getTourPlayer().call('mainloadscene(pano14)')" class="">Restaurant</a></li>
</ul>
</li>
<li><a href="#" title="About this project" data-toggle="modal" data-target="#project-description-box">About</a></li>
</ul>
<!-- Collect the nav links, forms, and other content for toggling -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="toolbar">
<div class="btn-group">
<button type="button"
class="btn btn-default btn-lg"
onclick="getTourPlayer().call('loadPreviousScene()')"
data-toggle="tooltip"
data-placement="left"
title="Previous panorama">
<span class="glyphicon glyphicon-chevron-left"></span>
</button>
<button type="button"
class="btn btn-default btn-lg bgColorWhite80"
onclick="getTourPlayer().call('loadNextScene()')"
data-toggle="tooltip"
data-placement="top"
title="Next panorama">
<span class="glyphicon glyphicon-chevron-right"></span>
</button>
<button type="button"
class="btn btn-default btn-lg hidden-xs"
onmousedown="getTourPlayer().call('set(fov_moveforce, -1)')"
onmouseup="getTourPlayer().call('set(fov_moveforce, 0)')"
data-toggle="tooltip"
data-placement="top"
title="Zoom in">
<span class="glyphicon glyphicon-plus"></span>
</button>
<button type="button"
class="btn btn-default btn-lg hidden-xs"
onmousedown="getTourPlayer().call('set(fov_moveforce, +1)')"
onmouseup="getTourPlayer().call('set(fov_moveforce, 0)')"
data-toggle="tooltip"
data-placement="top"
title="Zoom out">
<span class="glyphicon glyphicon-minus"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
id="play"
onclick="getTourPlayer().call('startautorotation()')"
data-toggle="tooltip"
data-placement="top"
title="Start autorotation">
<span class="glyphicon glyphicon-play"></span>
</button>
<button type="button" style="display:none"
class="btn btn-default btn-lg"
id="pause"
onclick="getTourPlayer().call('stopautorotation()')"
data-toggle="tooltip"
data-placement="top"
title="Stop autorotation">
<span class="glyphicon glyphicon-pause"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
data-toggle="modal"
data-target="#description-box"
data-toggle="tooltip"
data-placement="top"
title="Show description">
<span class="glyphicon glyphicon-info-sign"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
data-toggle="modal"
data-target="#help-box"
data-toggle="tooltip"
data-placement="top"
title="Show help">
<span class="glyphicon glyphicon-question-sign"></span>
</button>
<button type="button"
class="btn btn-default btn-lg toggle-thumbnails"
data-toggle="tooltip"
data-placement="top"
title="Toggle thumbnails">
<span class="glyphicon glyphicon-eye-open"></span>
</button>
<button type="button"
class="btn btn-default btn-lg btn-enter-fullscreen"
onclick="getTourPlayer().call('enterFullScreen()')"
data-toggle="tooltip"
data-placement="right"
title="Enter fullscreen">
<span class="glyphicon glyphicon-fullscreen"></span>
</button>
<button type="button"
class="btn btn-default btn-lg btn-exit-fullscreen"
onclick="getTourPlayer().call('exitFullScreen()')"
data-toggle="tooltip"
data-placement="right"
title="Exit fullscreen"
style="display:none">
<span class="glyphicon glyphicon-resize-small"></span>
</button>
</div>
</div><!--./toolbar -->
<!-- Panorama description modal box -->
<div class="modal fade" id="description-box">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title panorama-title pdbot15">Panorama Title</h2>
<ol class="breadcrumb">
<li><a href="#pano10" onclick="getTourPlayer().call('mainloadscene(pano10)')">Camping Le Clos de Barbey à Bauduen</a></li>
<li class="hide-if-no-group"><a href="#" class="group-link group-title">Current Group</a></li>
<li class="active panorama-title">Current Panorama Name</li>
</ol>
<div class="group-description-text pdbot15 hide-if-no-group"></div>
</div>
<div class="modal-body">
<div class="description-text"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.Panorama description modal -->
<!-- Project description modal box -->
<div class="modal fade" id="project-description-box">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title mgbot10">Camping Le Clos de Barbey à Bauduen</h2>
</div>
<div class="modal-body">
<div class="project-description-text"></div>
<div class="about"><hr>© <a href="https://www.adeo-web.fr" title="Author website">Une réalisation ADEO-WEB</a></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.Project description modal -->
<!-- Help modal box -->
<div class="modal fade" id="help-box">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Help</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6 text-center">
<h3>Move</h3>
<p>Drag the mouse to move or use arrows keys</p>
<p><img src="img/help-move.png" alt="Move help"/></p>
</div>
<div class="col-md-6 text-center">
<h3>Zoom</h3>
<p>Use mouse wheel to zoom or use + and - keys</p>
<p><img src="img/help-zoom.png" alt="Zoom help"/></p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.help modal -->
<div id="thumbnailsDIV" class="col-md-12 col-ms-12 col-xs-12">
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano10)')">
<a href="#s=pano10" data-id="pano10"><img src="indexdata/vue_aerienne___aeria_10/thumbnail.jpg" title="Vue aérienne" alt="Vue aérienne" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano16)')">
<a href="#s=pano16" data-id="pano16"><img src="indexdata/piscine_16/thumbnail.jpg" title="Piscine" alt="Piscine" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano12)')">
<a href="#s=pano12" data-id="pano12"><img src="indexdata/air_de_jeux_12/thumbnail.jpg" title="Air de jeux" alt="Air de jeux" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano14)')">
<a href="#s=pano14" data-id="pano14"><img src="indexdata/restaurant_14/thumbnail.jpg" title="Restaurant" alt="Restaurant" class=""/></a>
</div>
</div><!--./thumbnails-->
<div id="panoDIV">
<noscript>
You must activate javascript to visualize the Virtual Tour : Camping Le Clos de Barbey à Bauduen.
</noscript>
</div>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript">
if (isVRModeRequested()){
accessWebVr();
}else{
accessStdVr();
}
</script>
</div>
</div>
<!-- Latest compiled and minified JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript" src="js/jquery.xcolor.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
/*
* CUSTOM VARIABLES
*/
var fgColor = '#000000';
var bgColor = '#ffffff';
var bgDarker = jQuery.xcolor.darken(bgColor);
var bg2xDarker = jQuery.xcolor.darken(bgDarker);
var bgLighter = jQuery.xcolor.lighten(bgColor);
var bg2xLighter = jQuery.xcolor.lighten(bgLighter);
var fgDarker = jQuery.xcolor.darken(fgColor);
var fg2xDarker = jQuery.xcolor.darken(fgDarker);
var fgLighter = jQuery.xcolor.lighten(fgColor);
var fg2xLighter = jQuery.xcolor.lighten(fgLighter);
/*
* CUSTOM FUNCTIONS
*/
//panoDIV height
var panoDivHeight = function(){
var windowHeight = jQuery(window).innerHeight();
var navbarHeight = jQuery('.navbar.navbar-default').innerHeight();
jQuery('#panoDIV').height(windowHeight-navbarHeight);
};
//Tour Container Colors and Sizes
var colorsAndSizes = function(){
var windowHeight = jQuery(window).height();
var navHeight = jQuery('nav').outerHeight();
var tourContainerHeight = windowHeight - navHeight;
var tourContainerWidth = jQuery('#tourDIV').width();
var halfTourContainerWidth = tourContainerWidth / 2;
var halfTourContainerHeight = tourContainerHeight / 2;
jQuery('#tourDIV').css({height:windowHeight+'px'});
//Toolbar
var toolbarWidth = jQuery('#toolbar').width();
jQuery('#toolbar').css({left:halfTourContainerWidth - toolbarWidth / 2 +'px'});
};
//Show Hide Thumbnails
var toggleThumbnails = function(){
jQuery('#thumbnailsDIV').toggle("slow", function() {
if(jQuery(".toggle-thumbnails span").hasClass('glyphicon-eye-open')) {
jQuery(".toggle-thumbnails span").removeClass('glyphicon-eye-open').toggleClass('glyphicon-eye-close');
jQuery('#toolbar').animate({bottom:'150px'});
jQuery('.toggle-thumbnails span').css({color: fg2xLighter});
}else{
jQuery(".toggle-thumbnails span").removeClass('glyphicon-eye-close').toggleClass('glyphicon-eye-open');
jQuery('#toolbar').animate({bottom:'50px'});
jQuery('.toggle-thumbnails span').css({color: '#000000'});
}
});
};
//Tour Player
function getTourPlayer() {
return document.getElementById('krpanoSWFObject');
}
//External commands and dynamic texts
function updatePanorama(panoid) {
jQuery('.project-description-text').html(ktools.I18N.getInstance().getMessage("project_description"));
window.history.pushState(null, null, "#s=" + panoid);
var panotourPlayer = getTourPlayer();
var groupid = panotourPlayer.get("scene["+panoid+"].group");
var titleid = panotourPlayer.get("scene["+panoid+"].titleid");
//HTML tags with this class (panorama-title) will display the current panorama title
jQuery('.panorama-title').html(ktools.I18N.getInstance().getMessage(titleid));
//HTML tags with this class (description-text) will display the current panorama description
//Hidden if no description
//Shown if there is a description
var descriptionid = panotourPlayer.get("scene["+panoid+"].descriptionid");
if (descriptionid != "") {
jQuery('.description-text').show();
jQuery('.description-text').html(ktools.I18N.getInstance().getMessage(descriptionid));
}else{
jQuery('.description-text').hide();
}
if (groupid != null) {
var titleid = panotourPlayer.get("panoramagroup["+groupid+"].titleid");
if (titleid != "") {
//HTML tags with class (group-title) will display the group title
jQuery('.group-title').html(ktools.I18N.getInstance().getMessage(titleid));
//If no group, no breadcrumb
jQuery('.modal-header .hide-if-no-group, .nav-tabs .hide-if-no-group').show();
var mainscene = panotourPlayer.get("panoramagroup["+groupid+"].mainscene");
var temp = "getTourPlayer().call('mainloadscene("+mainscene+")')";
jQuery('.group-link').attr('onclick',temp);
var descriptionid = panotourPlayer.get("panoramagroup["+groupid+"].descriptionid");
console.log("group desc id");
console.log(descriptionid);
if (descriptionid != null && descriptionid != "")
{
//HTML tags with class (group-description-text) will display the group description
jQuery('.group-description-text').html(ktools.I18N.getInstance().getMessage(descriptionid));
}else{
//If no group description, hide
jQuery('.group-description-text').hide();
}
}
}else{
//If no group, hide all elements in relation with it
jQuery('.modal-header .hide-if-no-group, .nav-tabs .hide-if-no-group').hide();
}
}
/*
* EXECUTE ONCE DOM READY
*/
jQuery(document).ready(function() {
toggleThumbnails();
panoDivHeight();
jQuery('#play, #pause').toggle();
//Click toggle for fullscreen
jQuery( '.btn-enter-fullscreen, .btn-exit-fullscreen' ).on( "click", function() {
jQuery('.btn-enter-fullscreen, .btn-exit-fullscreen').toggle();
});
//Play pause click toggle
jQuery( '#play, #pause' ).on( "click", function() {
jQuery('#play, #pause').toggle();
});
//When user hovers toolbar buttons
jQuery( "#toolbar button" ).mousedown(function() {
jQuery(this).removeClass('btn-default');
jQuery(this).addClass('btn-primary');
});
//When user leaves toolbar buttons
jQuery( "#toolbar button" ).mouseleave(function() {
jQuery(this).removeClass('btn-primary');
jQuery(this).addClass('btn-default');
});
//Thumbnails show hide click toggle
jQuery( ".toggle-thumbnails" ).on( "click", function() {
toggleThumbnails();
});
//Colors and sizes
colorsAndSizes();
//Dragging feature of the thumbnails
jQuery('#thumbnailsDIV').niceScroll({
cursorborder: '0px',
cursorwidth: '10px',
railpadding: '0px 0px 10px 0px'
});
//Tooltips
jQuery('.btn-group button, #thumbnailsDIV').tooltip({container: 'body'});
});
/*
* EXECUTE ONCE PAGE LOADED
*/
jQuery(window).load(function() {
});
/*
* EXECUTE ON WINDOW RESIZE
*/
jQuery(window).resize(function() {
panoDivHeight();
colorsAndSizes();
});
</script>
</body>
<!-- Bootstrap_External_Commands_Full_Page_w_Colors 2015/10 -->
</html>