demo1.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="stylesheets/styles.css">
  <script src="javascripts/jquery-1.10.2.min.js"></script>
  <script src="javascripts/modernizr-2.7.1-csstransforms3d-canvas-touch.js"></script>
  <script src="javascripts/megapix-image.js"></script>
  <script src="javascripts/three.min.js"></script>
  <script src="javascripts/Detector.js"></script>
  <script src="javascripts/CSS3DRenderer.js"></script>
  <script src="javascripts/theta-viewer.min.js"></script>
  <title>Demo 1</title>
</head>
<body>
  <div id="theta-viewer"></div>
  <script>
/*global jQuery */
(function ($) {
    'use strict';
    // #theta-viewerにパノラマ画像img/R0010035.JPGを表示
    $("#theta-viewer").createThetaViewer('images/mac.JPG');
}(jQuery));
  </script>
</body>
</html>