CINXE.COM
MONTICELLO VIRTUAL TOUR
<!DOCTYPE html> <html> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJQQQK6');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <title>MONTICELLO VIRTUAL TOUR</title> <meta name="description" content="Explore Thomas Jefferson's Monticello in this stunning 360-degree virtual tour produced by HULLFILM." /> <meta name="keywords" content="MONTICELLO VIRTUAL TOUR" /> <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="directory" content="PATH/"></meta> --> <!-- <link rel="target_url" href="index.html" /> --> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png" /> <meta name="author" content="HULLFILM" /> <meta property="og:title" content="MONTICELLO VIRTUAL TOUR" /> <meta property="og:description" content="Explore Thomas Jefferson's Monticello in this stunning 360-degree virtual tour produced by HULLFILM." /> <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="MONTICELLO VIRTUAL TOUR" /> <meta name="twitter:description" content="Explore Thomas Jefferson's Monticello in this stunning 360-degree virtual tour produced by HULLFILM." /> <meta name="twitter:image" content="indexdata/thumbnail.jpg" /> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui, viewport-fit=cover"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <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%; } body { height: 100%; overflow:hidden; } div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; } div#tourDIV { height:100%; position:relative; overflow:hidden; } div#panoDIV { height:100%; position:relative; overflow:hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } </style> <!--[if !IE]><!--> <script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script> <!--<![endif]--> <!--[if lte IE 8]> <script type="text/javascript" src="indexdata/lib/jquery-1.11.1.min.js"></script> <![endif]--> <!--[if gt IE 8]> <script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script> <![endif]--> <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> <style type="text/css"> div#panoDIV.cursorMoveMode { cursor: move; cursor: url(indexdata/graphics/cursors_move_html5.cur), move; } div#panoDIV.cursorDragMode { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; cursor: url(indexdata/graphics/cursors_drag_html5.cur), default; } </style> <script type="text/javascript"> function readDeviceOrientation() { // window.innerHeight is not supported by IE var winH = window.innerHeight ? window.innerHeight : jQuery(window).height(); var winW = window.innerWidth ? window.innerWidth : jQuery(window).width(); //force height for iframe usage if(!winH || winH == 0){ winH = '100%'; } // set the height of the document jQuery('html').css('height', winH); // scroll to top window.scrollTo(0,0); } jQuery( document ).ready(function() { if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) { if(/iphone/.test(navigator.userAgent.toLowerCase()) && window.self === window.top){ jQuery('body').css('height', '100.18%'); } // add event listener on resize event (for orientation change) if (window.addEventListener) { window.addEventListener("load", readDeviceOrientation); window.addEventListener("resize", readDeviceOrientation); window.addEventListener("orientationchange", readDeviceOrientation); } //initial execution setTimeout(function(){readDeviceOrientation();},10); } }); 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" ,focus: false ,vars:{skipintro:true,norotation:true,startscene:curScene,starttime:curTime } }); } else { var isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent); embedpano({ id:"krpanoSWFObject" ,xml:"indexdata/index.xml" ,target:"panoDIV" ,passQueryParameters:true ,bgcolor:"#000000" ,focus: false ,html5:isBot ? "always" : "only" ,vars:{startscene:curScene,starttime:curTime} }); } //apply focus on the visit if not embedded into an iframe if(top.location === self.location){ kpanotour.Focus.applyFocus(); } } function unloadPlayer(){ if(jQuery('#krpanoSWFObject')){ 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> </head> <body> <div id="container"> <div id="tourDIV"> <div id="panoDIV"> <noscript> You must activate javascript to visualize the Virtual Tour : MONTICELLO VIRTUAL TOUR. </noscript> </div> <script type="text/javascript" src="indexdata/index.js"></script> <script type="text/javascript"> if (isVRModeRequested()){ accessWebVr(); }else{ accessStdVr(); } </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-113001374-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-113001374-1'); </script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJQQQK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </div> </div> </body> </html>