{"id":7780,"date":"2018-08-31T16:42:22","date_gmt":"2018-08-31T07:42:22","guid":{"rendered":"https:\/\/okiraku-camera.tokyo\/blog\/?page_id=7780"},"modified":"2018-09-15T12:06:53","modified_gmt":"2018-09-15T03:06:53","slug":"wp_pannellum-html","status":"publish","type":"page","link":"https:\/\/okiraku-camera.tokyo\/blog\/?page_id=7780","title":{"rendered":"WordPress\u7528\u30d1\u30ce\u30e9\u30de\u30d7\u30e9\u30b0\u30a4\u30f3 wp-pannellum"},"content":{"rendered":"<h1>\u6982\u8981<\/h1>\n<p>Web\u30d6\u30e9\u30a6\u30b6\u7528\u306e<a href=\"https:\/\/pannellum.org\/\" target=\"_blank\" rel=\"noopener\">\u30d1\u30ce\u30e9\u30de\u30d3\u30e5\u30fc\u30ef\u30fc pannellum<\/a> \u3092WordPress\u306e\u6295\u7a3f\u3084\u56fa\u5b9a\u30da\u30fc\u30b8\u306e\u8868\u793a\u3067\u4f7f\u3046\u305f\u3081\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3059\u3002pannellum\u306fHTML5\u3001WebGL\u3001CSS\u3001JavaScript\u3068\u3044\u3063\u305f\u6c4e\u7528\u6280\u8853\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u3044\u308d\u3044\u308d\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306eWeb\u30d6\u30e9\u30a6\u30b6\u3067360\u00b0(\u307e\u305f\u306f\u3001\u305d\u308c\u3088\u308a\u72ed\u3044)\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n\u3053\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u306f\u3001\u6295\u7a3f\u3084\u56fa\u5b9a\u30da\u30fc\u30b8\u5185\u306b\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u7528\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u3001iframe\u30bf\u30b0\u3092\u4f7f\u3046\u3053\u3068\u306a\u304f\u30a4\u30f3\u30e9\u30a4\u30f3\u8868\u793a\u3068\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u306b\u5bfe\u5fdc\u3057\u307e\u3057\u305f\u3002<\/p>\n<h5>\u5bfe\u5fdc\u30d0\u30fc\u30b8\u30e7\u30f3\u3001\u30d6\u30e9\u30a6\u30b6\u306a\u3069<\/h5>\n<p>\u4ee5\u4e0b\u3067\u52d5\u4f5c\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u3002<\/p>\n<ul>\n<li>WordPress 4.7\uff5e4.9 (twentyfourteeen\u30c6\u30fc\u30de)<\/li>\n<li>Google Chrome 69.0 (64bit, Windows 10)<\/li>\n<li>Firefox Quantum 61.0 (64bit, Windows 10)<\/li>\n<li>Microsoft Edge 42.17 (Windows 10)<\/li>\n<\/ul>\n<p>\u306a\u304a\u3001Firefox \u306e57.0\u7248\u3067\u306f\u30d1\u30ce\u30e9\u30de\u304c\u63cf\u753b\u3055\u308c\u305a\u9818\u57df\u304c\u771f\u3063\u9ed2\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u66f4\u65b0\u3057\u306661.0\u306b\u3057\u305f\u3089\u554f\u984c\u306a\u3057\u3002<\/p>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u304c\u5927\u304d\u3044\u5834\u5408\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u62d2\u7d76\u3055\u308c\u308b\u3053\u3068\u3082\u3042\u308b\u3057\u3001\u74b0\u5883\u306b\u3088\u3063\u3066\u306f\u30e1\u30e2\u30ea\u4e0d\u8db3\u3067\u3044\u304d\u306a\u308a\u843d\u3061\u305f\u308a\u3057\u307e\u3059\u3002\u30b9\u30de\u30db\u3067\u306e\u8868\u793a\u3092\u8003\u3048\u308b\u3068\u3001\u6a2a\u5e454096\u30d4\u30af\u30bb\u30eb\u672a\u6e80\u306b\u3057\u3066\u304a\u304f\u306e\u304c\u826f\u3055\u305d\u3046\u3067\u3059\u3002<\/p>\n<h2>\u8868\u793a\u4f8b<\/h2>\n<p><div id='wp_pannellum_1' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tjQuery(function() {\r\n\t\tjQuery('#wp_pannellum_bg, #wp_pannellum_close').click(function(e) { jQuery('#wp_pannellum_popup, #wp_pannellum_bg').hide();});});\r\n\t\tfunction show_pannellum(panorama_div, panorama_config, popup_view, a_ratio) {\r\n\t\t\tif (popup_view !== '') {\r\n\t\t\t\tvar w = Math.min(jQuery(document).width(), 1260) * 0.95;\r\n\t\t\t\tvar h = w * a_ratio;\r\n\t\t\t\tjQuery('#wp_pannellum_popup').css({\r\n        \t\t    'position':'absolute',\r\n\t\t            'left':jQuery(window).scrollLeft() + 10 + 'px',\r\n        \t\t    'top':jQuery(window).scrollTop() ,\r\n\t\t\t\t\t'z-index':9998,\r\n\t\t\t\t\t'width': w + 'px',\r\n\t\t\t\t\t'height': h + 'px'\r\n        \t\t});\r\n\t\t\t\tjQuery('#wp_pannellum_bg').css({\r\n        \t\t    'position':'absolute',\r\n\t\t\t\t\t'left':0,\r\n\t\t\t\t\t'top':0,\r\n\t\t\t\t\t'width':jQuery(document).width(),\r\n\t\t\t\t\t'height':jQuery(document).height(),\r\n\t\t\t\t\t'z-index':9900\r\n\t\t\t\t});\r\n\t\t\t\tjQuery('#panorama').empty();\r\n\t\t\t\tjQuery('#wp_pannellum_popup, #wp_pannellum_bg').show();\r\n\t\t\t} else {\r\n\t\t\t\tvar pw = jQuery('#' + panorama_div).parent().width();\r\n\t\t\t\tvar w = Math.min(pw, 672);\r\n\t\t\t\t\/\/ var w = 672;\r\n\t\t\t\tvar h = w * a_ratio;\r\n\t\t\t\tjQuery('#' + panorama_div).css({\r\n\t\t\t\t\t'width': w + 'px',\r\n\t\t\t\t\t'height': h + 'px'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tpannellum.viewer(panorama_div, panorama_config);\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\t\t\tvar pano_1 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '',\r\n\t\t\t'hfov': 60,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 120,\r\n\t\t\t'haov': 360,\r\n\t\t\t'vaov': 180,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 35,\r\n\t\t\t'yaw': 135,\r\n\t\t\t'minPitch': -90,\r\n\t\t\t'maxPitch': 90,\r\n\t\t\t'minYaw': -180,\r\n\t\t\t'maxYaw': 180,\r\n\t\t\t'autoRotate': 3,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ea\/Equirectangular-projection.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_1', pano_1, '', 0.66);\r\n\t\t\t<\/script>\r\n<div id='wp_pannellum_bg'><\/div><div id='wp_pannellum_popup'><div id='wp_pannellum_close'><\/div><div id='panorama' style='width:100%; height:100%;'><\/div><\/div>Equirectangular-projection.jpg\u3002<a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Equirectangular-projection.jpg\" target=\"_blank\" rel=\"noopener\">https:\/\/commons.wikimedia.org\/wiki\/File:Equirectangular-projection.jpg<\/a> By original by NASA (sensor Terra\/MODIS), modified by Mdf [Public domain], via Wikimedia Commons.<\/p>\n<p>\u6b63\u8ddd\u6295\u5f71\u56f3\u6cd5(Equirectanglar Projection)\u306b\u3088\u3063\u3066\u8868\u73fe\u3055\u308c\u305f\u5730\u7403\u3067\u3059\u3002\u3053\u3046\u3044\u3046\u98a8\u306b\u304d\u3061\u3093\u3068\u5408\u6210\u3067\u304d\u308c\u3070\u304d\u308c\u3044\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u306d\u3002\u30de\u30a6\u30b9\u3067\u30c9\u30e9\u30c3\u30b0\u3059\u308b\u3053\u3068\u3067\u3001\u4e0a\u4e0b\u5de6\u53f3\u306b\u52d5\u304b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u305d\u306e\u3082\u306e\u306e\u8868\u793a\u3084\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306fpannellum\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u51e6\u7406\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u8a73\u3057\u304f\u306f\u4e0a\u306e\u30ea\u30f3\u30af\u3092\u53c2\u7167\u306e\u3053\u3068\u3002<\/p>\n<h1>\u5c0e\u5165\u65b9\u6cd5\u3068\u30d5\u30a1\u30a4\u30eb\u69cb\u6210<\/h1>\n<p>WordPress\u306b\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u3057\u3066\u5c0e\u5165\u3059\u308b\u969b\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u64cd\u4f5c\u3057\u307e\u3059\u3002<\/p>\n<ol>\n<li><a href=\"https:\/\/okiraku-camera.tokyo\/blog\/download\/wp_pannellum.zip\">\u3053\u3061\u3089\u306e\u30ea\u30f3\u30af\u304b\u3089 wp_pannellum.zip<\/a> \u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u3002<\/li>\n<li>WordPress\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u304b\u3089\u30d7\u30e9\u30b0\u30a4\u30f3\/\u65b0\u898f\u8ffd\u52a0\u3092\u9078\u629e\u3057\u300c\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u8ffd\u52a0\u300d\u30da\u30fc\u30b8\u3092\u958b\u304f\u3002<\/li>\n<li>\u300c\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u300d\u3092\u9078\u629e\u3057\u3001\u3055\u304d\u306b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304a\u3044\u305f wp_pannellum.zip \u3092\u9078\u629e\u3057\u3066\u300c\u4eca\u3059\u3050\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n<h5>wp_pannellum.zip\u306e\u4e2d\u8eab<\/h5>\n<p>\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210\u306b\u306a\u3063\u3066\u304a\u308a\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u3082\u540c\u3058\u3088\u3046\u306b\u5c55\u958b\u3055\u308c\u307e\u3059\u3002<\/p>\n<pre class=\"nums:false lang:default decode:true\">wp-pannellum\/pannellum\/ (pannellum-2.4.0 \u306e\u4e00\u5f0f)\r\n            \/samples\/ \u30b5\u30f3\u30d7\u30eb\u7528\u306ejpeg\u753b\u50cf2\u679a\u3002\r\n            \/readme.txt \u7c21\u5358\u306a\u8aac\u660e\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u8868\u8a18\u306a\u3069\r\n            \/style.css \u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\r\n            \/wp-pannellum.php \u30d7\u30ed\u30b0\u30e9\u30e0\u672c\u4f53\r\n<\/pre>\n<p>\u203b WordPress\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3084\u30c6\u30fc\u30de\u306b\u3088\u3063\u3066\u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u95a2\u4fc2\u306e\u6587\u8a00\u304c\u9055\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u76f4\u63a5\u30b5\u30fc\u30d0\u30fc\u3092\u64cd\u4f5c\u3059\u308b\u5834\u5408\u306f\u3001&#8230;\/wp-content\/plugins \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u3001\u4e0a\u8a18\u306ewp-pannellum \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u30b3\u30d4\u30fc\u3059\u308c\u3070\u30aa\u30fc\u30b1\u30fc\u3067\u3059\u3002<\/p>\n<h1>\u4f7f\u3044\u65b9<\/h1>\n<p>\u30d6\u30ed\u30b0\u306e\u6295\u7a3f\u5185\u3067\u30d1\u30ce\u30e9\u30de\u3092\u8868\u793a\u3057\u305f\u3044\u3068\u3053\u308d\u306b\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u4e0a\u306b\u8f09\u305b\u305f\u5730\u7403\u306e\u30d1\u30ce\u30e9\u30de\u3092\u8868\u73fe\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n<pre class=\"nums:false lang:default decode:true\"><div id='wp_pannellum_2' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tvar pano_2 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '',\r\n\t\t\t'hfov': 60,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 120,\r\n\t\t\t'haov': 360,\r\n\t\t\t'vaov': 180,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 35,\r\n\t\t\t'yaw': 135,\r\n\t\t\t'minPitch': -90,\r\n\t\t\t'maxPitch': 90,\r\n\t\t\t'minYaw': -180,\r\n\t\t\t'maxYaw': 180,\r\n\t\t\t'autoRotate': 3,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ea\/Equirectangular-projection.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_2', pano_2, '', 0.66);\r\n\t\t\t<\/script>\r\n<\/pre>\n<p>\u203b\u5b9f\u969b\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u533a\u5207\u308a\u306f\u534a\u89d2\u7a7a\u767d\u3068\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u6539\u884c\u3092\u5165\u308c\u308b\u3068\u3046\u307e\u304f\u3044\u304d\u307e\u305b\u3093\u3002<\/p>\n<p>\u65e5\u672c\u5217\u5cf6\u304c\u6700\u521d\u306b\u898b\u3048\u308b\u3088\u3046\u3001\u7def\u5ea6\u7d4c\u5ea6\u3092\u610f\u8b58\u3057\u305fpitch\u3001yaw\u3092\u4e0e\u3048\u3001\u8868\u793a\u7bc4\u56f2\u3092hfov\u3067\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h2>\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3064\u3044\u3066<\/h2>\n<p>\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306b\u4e0e\u3048\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u3001\u3082\u3068\u3082\u3068\u306epannellum\u306b\u7528\u610f\u3055\u308c\u3066\u3044\u305f\u3082\u306e\u3068\u3001\u3053\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u72ec\u81ea\u306b\u8ffd\u52a0\u3057\u305f\u3082\u306e\u304c\u3042\u308a\u307e\u3059(\u72ec\u81ea\u62e1\u5f35\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u540d\u306f\u3001&#8221;_&#8221; \u3092\u542b\u3093\u3067\u3044\u307e\u3059)\u3002\u30d1\u30e9\u30e1\u30fc\u30bf\u540d\u306f\u4ee5\u4e0b\u306e\u8868\u8a18\u306e\u3088\u3046\u306b\u5927\u6587\u5b57\u3068\u5c0f\u6587\u5b57\u304c\u6df7\u5728\u3057\u3066\u3082\u3088\u3044\u3057\u3001\u3059\u3079\u3066\u5c0f\u6587\u5b57\u3067\u3082\u5927\u6587\u5b57\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n<h6>type (string)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u7a2e\u5225\u3002\u7701\u7565\u5024\u306f&#8221;<em>equirectangular<\/em>&#8220;\u3002\u73fe\u5728\u306e\u3068\u3053\u308d\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u306f\u7701\u7565\u5024\u306e &#8220;<em>equirectangular<\/em>&#8221; \u4ee5\u5916\u306f\u8003\u616e\u3057\u3066\u3044\u306a\u3044\u306e\u3067\u3001type\u306e\u6307\u5b9a\u306f\u7701\u7565\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h6>title (string)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u5185\u306b\u8868\u793a\u3059\u308b\u30bf\u30a4\u30c8\u30eb\u6587\u5b57\u5217\u3002\u7701\u7565\u5024\u306f&#8221;&#8221;\u3002pannellum\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u554f\u984c\u3068\u601d\u308f\u308c\u307e\u3059\u304c\u3001\u30bf\u30a4\u30c8\u30eb\u3092\u6307\u5b9a\u3057\u306a\u3044\u3068\u304d(\u7701\u7565\u6642\u3084<em>title=&#8221;&#8221;<\/em>)\u3001\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u5de6\u4e0b\u306b\u9ed2\u3044\u77e9\u5f62(\u30bf\u30a4\u30c8\u30eb\u8868\u793a\u7528\u306ediv)\u304c\u8868\u793a\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<h6>url (string)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u306eURI\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002&#8221;http:\/\/&#8230;..jpg&#8221; \u306e\u3088\u3046\u306a\u5b8c\u5168\u4fee\u98fe\u3067\u3082\u3088\u3044\u3057\u3001\u540c\u3058\u30d6\u30ed\u30b0\u30b5\u30a4\u30c8\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u306a\u3089\u3070\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304b\u3089\u306e\u6307\u5b9a\u3067\u3082\u3088\u3044\u3067\u3057\u3087\u3046\u3002\u521d\u671f\u5024\u306f&#8221;&#8221;\u3002<\/p>\n<p>\u5f8c\u8ff0\u3057\u307e\u3059\u304c\u72ec\u81ea\u62e1\u5f35\u3068\u3057\u3066\u3001\u30e1\u30c7\u30a3\u30a2\u30e9\u30a4\u30d6\u30e9\u30ea\u5185\u306e\u30a2\u30bf\u30c3\u30c1\u30e1\u30f3\u30c8ID\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5(<em>attachment_id<\/em>)\u3068\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30b5\u30f3\u30d7\u30eb\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5(<em>sample_image<\/em>)\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<h6>haov (number)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u6c34\u5e73\u753b\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f360\u3002Horizontal Angle Of View\u3002<\/p>\n<h6>voav (number)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u5782\u76f4\u753b\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f180\u3002Vertical Angle Of View\u3002<\/p>\n<h6>voffset (number)<\/h6>\n<p>pannellum\u30b9\u30af\u30ea\u30d7\u30c8\u306evoffset\u5024\u3002\u7701\u7565\u5024\u306f0\u3002vaov &lt; 180 \u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306b\u5bfe\u3057\u3066\u6307\u5b9a\u3057\u3066\u307f\u307e\u3057\u305f\u304c\u3001\u3061\u3087\u3063\u3068\u52b9\u679c\u304c\u5206\u304b\u308a\u307e\u305b\u3093\u3002<\/p>\n<h6>hfov (number)<\/h6>\n<p>\u521d\u671f\u8868\u793a\u6642\u306e\u6c34\u5e73\u753b\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f60\u3002Horizontal Field Of View\u3002hfov\u3092\u5c0f\u3055\u304f\u3059\u308b\u3068\u72ed\u3044\u7bc4\u56f2(\u30ba\u30fc\u30e0\u30a4\u30f3)\u3001\u5927\u304d\u304f\u3059\u308b\u3068\u5e83\u3044\u7bc4\u56f2(\u30ba\u30fc\u30e0\u30a2\u30a6\u30c8)\u304c\u6700\u521d\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n<h6>minHfov (number)<\/h6>\n<p>\u30ba\u30fc\u30e0\u64cd\u4f5c\u6642\u306e\u6c34\u5e73\u6700\u5c0f\u753b\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f45\u3002\u30ba\u30fc\u30e0\u30a4\u30f3(\u62e1\u5927)\u3057\u305f\u3068\u304d\u306e\u6700\u5c0f\u306e\u6c34\u5e73\u753b\u89d2\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u5024\u3088\u308a\u72ed\u3044\u7bc4\u56f2\u306f\u8868\u793a\u3057\u306a\u3044\u3001\u3068\u3044\u3046\u8a2d\u5b9a\u3002<\/p>\n<h6>maxHfov (number)<\/h6>\n<p>\u30ba\u30fc\u30e0\u64cd\u4f5c\u6642\u306e\u6c34\u5e73\u6700\u5927\u753b\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f120\u3002\u30ba\u30fc\u30e0\u30a2\u30a6\u30c8(\u7e2e\u5c0f)\u3057\u305f\u3068\u304d\u306e\u6700\u5927\u306e\u6c34\u5e73\u753b\u89d2\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u5024\u3088\u308a\u5e83\u3044\u7bc4\u56f2\u306f\u8868\u793a\u3057\u306a\u3044\u3001\u3068\u3044\u3046\u8a2d\u5b9a\u3002<\/p>\n<h6>pitch (number)<\/h6>\n<p>\u521d\u671f\u8868\u793a\u6642\u306e\u4ef0\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f0\u3002\u521d\u671f\u8868\u793a\u6642\u306b\u3001\u753b\u50cf\u306e\u6c34\u5e73\u4e2d\u5fc3\u7dda\u3092\u306b\u4e2d\u592e\u306b\u3057\u305f\u5834\u5408\u306f0\u3001\u4e0b\u5411\u304d\u306a\u3089\u3070\u30de\u30a4\u30ca\u30b9\u3001\u4e0a\u5411\u304d\u306a\u3089\u3070\u30d7\u30e9\u30b9\u306e\u5024\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<h6>minPitch (number)<\/h6>\n<p>\u64cd\u4f5c\u8868\u793a\u6642\u306e\u6700\u5c0f\u4ef0\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f-90\u3002\u8868\u793a\u4e2d\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u4e0a\u4e0b\u306b\u52d5\u304b\u3057\u305f\u3068\u304d\u3001\u3069\u3053\u307e\u3067\u4e0b\u304c\u898b\u3048\u308b\u304b\u3068\u3044\u3046\u8a2d\u5b9a\u3002<\/p>\n<h6>maxPitch (number)<\/h6>\n<p>\u64cd\u4f5c\u8868\u793a\u6642\u306e\u6700\u5927\u4ef0\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f90\u3002\u8868\u793a\u4e2d\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u4e0a\u4e0b\u306b\u52d5\u304b\u3057\u305f\u3068\u304d\u3001\u3069\u3053\u307e\u3067\u4e0a\u304c\u898b\u3048\u308b\u304b\u3068\u3044\u3046\u8a2d\u5b9a\u3002<\/p>\n<h6>yaw (number)<\/h6>\n<p>\u521d\u671f\u8868\u793a\u6642\u306e\u56de\u8ee2\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f0\u3002\u521d\u671f\u8868\u793a\u6642\u306b\u3001\u753b\u50cf\u306e\u5782\u76f4\u4e2d\u5fc3\u7dda\u3092\u4e2d\u592e\u306b\u3057\u305f\u3044\u5834\u5408\u306f0\u3001\u6642\u8a08\u56de\u308a\u306e\u65b9\u5411\u3092\u8868\u793a\u3059\u308b\u306a\u3089\u3070\u30d7\u30e9\u30b9\u3001\u534a\u6642\u8a08\u56de\u308a\u306e\u65b9\u5411\u3092\u8868\u793a\u3059\u308b\u306a\u3089\u30de\u30a4\u30ca\u30b9\u306e\u5024\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<br \/>\n\u56de\u8ee2\u8ef8\u306e\u4e2d\u5fc3\u306b\u64ae\u5f71\u8005\u304c\u3044\u308b\u3068\u3057\u3066\u3069\u3061\u3089\u3092\u5411\u304f\u304b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002\u64ae\u5f71\u8005\u304b\u3089\u898b\u3066\u5de6\u304c\u30de\u30a4\u30ca\u30b9\u56de\u8ee2\u3001\u53f3\u304c\u30d7\u30e9\u30b9\u56de\u8ee2\u3068\u3044\u3046\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\n\u203b\u6700\u521d\u306b\u8f09\u305b\u305f\u5730\u7403\u306e\u5834\u5408\u3001\u5730\u7403\u306e\u4e2d\u5fc3\u304b\u3089\u5916\u3092\u898b\u3066\u3044\u308b\u3053\u3068\u306b\u306a\u308b\u306e\u3067\u56de\u8ee2\u65b9\u5411\u306f\u9006\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h6>minYaw (number)<\/h6>\n<p>\u64cd\u4f5c\u8868\u793a\u6642\u306e\u6700\u5c0f\u56de\u8ee2\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f-180\u3002\u8868\u793a\u4e2d\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u5de6\u53f3\u306b\u52d5\u304b\u3057\u305f\u3068\u304d\u3001\u3069\u3053\u307e\u3067\u5de6\u5074\u304c\u898b\u3048\u308b\u304b\u3068\u3044\u3046\u8a2d\u5b9a\u3002autoRotate\u306b\u3082\u5f71\u97ff\u3057\u307e\u3059\u3002<\/p>\n<h6>maxYaw (number)<\/h6>\n<p>\u64cd\u4f5c\u8868\u793a\u6642\u306e\u6700\u5927\u56de\u8ee2\u89d2(\u5ea6)\u3002\u7701\u7565\u5024\u306f180\u3002\u8868\u793a\u4e2d\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u5de6\u53f3\u306b\u52d5\u304b\u3057\u305f\u3068\u304d\u3001\u3069\u3053\u307e\u3067\u53f3\u5074\u304c\u898b\u3048\u308b\u304b\u3068\u3044\u3046\u8a2d\u5b9a\u3002autoRotate\u306b\u3082\u5f71\u97ff\u3057\u307e\u3059\u3002<\/p>\n<h6>autoload (boolean)<\/h6>\n<p>\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u542b\u3080\u30da\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u308b\u3068\u304d\u3001\u6307\u5b9a\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u52d5\u7684\u306b\u8aad\u307f\u8fbc\u3080\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3002\u7701\u7565\u5024\u306f &#8220;false&#8221;\u3002\u81ea\u52d5\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3046\u5834\u5408\u306f\u3001<em>autoload=true<\/em>\u3067\u306f\u306a\u304f<em>autoload=&#8221;true&#8221;<\/em> \u3068\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3002<\/p>\n<h6>autoRotate (number)<\/h6>\n<p>\u81ea\u52d5\u56de\u8ee2\u306e\u901f\u5ea6\u3002\u7701\u7565\u5024\u306f0\u30021\u79d2\u9593\u3042\u305f\u308a\u306e\u56de\u8ee2\u89d2\u3092\u300c\u5ea6\u300d\u5358\u4f4d\u306b\u6307\u5b9a\u3057\u307e\u3059\u30020\u3067\u56de\u8ee2\u306a\u3057\u3002\u6b63\u306e\u5024\u3067\u306f\u53cd\u6642\u8a08\u56de\u308a(\u30d1\u30ce\u30e9\u30de\u306f\u5de6\u65b9\u5411\u306b\u52d5\u304f)\u3001\u8ca0\u306e\u5024\u3067\u306f\u6642\u8a08\u56de\u308a(\u53f3\u65b9\u5411\u306b\u52d5\u304f)\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h6>autoRotateInactivityDelay (number)<\/h6>\n<p>autoRotate\u4e2d\u306b\u4f55\u304b\u64cd\u4f5c\u3059\u308b\u3068\u56de\u8ee2\u304c\u505c\u6b62\u3057\u307e\u3059\u3002\u6700\u5f8c\u306e\u64cd\u4f5c\u306e\u4f55msec\u5f8c\u306b\u56de\u8ee2\u3092\u518d\u958b\u3059\u308b\u306e\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f2000\u3002<\/p>\n<h6>showZoomCtrl (boolean)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u4e2d\u306b\u30ba\u30fc\u30e0\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb(\uff0b\u3068\uff0d)\u3092\u8868\u793a\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f &#8220;true&#8221;\u3002\u6d88\u3057\u305f\u3044\u6642\u306f\u3001<em>showZoomCtrl=&#8221;false&#8221;<\/em> \u3068\u3057\u307e\u3059\u3002<br \/>\n\u306a\u304a\u3001\u72ec\u81ea\u62e1\u5f35\u306e <em>hide_ctrls=&#8221;yes&#8221;<\/em>\u306b\u3088\u3063\u3066\u3082\u30ba\u30fc\u30e0\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u975e\u8868\u793a\u306b\u3067\u304d\u307e\u3059\u3002<\/p>\n<h6>showFullScreenCtrl (boolean)<\/h6>\n<p>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u4e2d\u306b\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb(\u56db\u8fba\u304c\u9014\u5207\u308c\u305f\u56db\u89d2)\u3092\u8868\u793a\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f &#8220;true&#8221;\u3002\u6d88\u3057\u305f\u3044\u6642\u306f\u3001<em>showFullScreenCtrl<\/em><em>=&#8221;false&#8221;<\/em> \u3068\u3057\u307e\u3059\u3002<br \/>\n\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u8868\u793a\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u306a\u3044\u30d6\u30e9\u30a6\u30b6\u3082\u3042\u308b\u306e\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u305d\u306e\u3068\u304d\u3069\u3046\u306a\u308b\u306e\u304b\u306f\u5206\u304b\u308a\u307e\u305b\u3093\u3002<br \/>\n\u306a\u304a\u3001\u72ec\u81ea\u62e1\u5f35\u306e <em>hide_ctrls=&#8221;yes&#8221;<\/em>\u306b\u3088\u3063\u3066\u3082\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u975e\u8868\u793a\u306b\u3067\u304d\u307e\u3059\u3002<\/p>\n<h6>hide_ctrls (string)<\/h6>\n<p>\u30ba\u30fc\u30e0\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3068\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u540c\u6642\u306b\u975e\u8868\u793a\u3068\u3059\u308b\u3068\u304d&#8221;yes&#8221;\u3068\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f&#8221;&#8221; \u3067\u3059(\u4f55\u304b\u6587\u5b57\u5217\u3092\u4e0e\u3048\u308b\u3068\u975e\u8868\u793a\u306b\u306a\u308a\u307e\u3059)\u3002<br \/>\n\u3053\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u304c !== &#8220;&#8221; \u306e\u3068\u304d\u306b\u306f\u3001<em>showZoomCtrl<\/em>\u3068<em>showFullScreenCtrl<\/em> \u306e\u6307\u5b9a\u306b\u304b\u304b\u308f\u3089\u305a\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306f\u975e\u8868\u793a\u3068\u306a\u308a\u307e\u3059\u30022\u3064\u3068\u3082&#8221;false&#8221;\u3068\u3059\u308b\u306e\u304c\u9762\u5012\u3067\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\n<h6>attachment_id (string)<\/h6>\n<p>WordPress\u306e\u30e1\u30c7\u30a3\u30a2\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u767b\u9332\u3055\u308c\u3066\u3044\u308b\u753b\u50cf\u3092\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u7528\u3044\u308b\u3068\u304d\u3001<em>attachment_id=&#8221;7777&#8243;<\/em> \u3068\u3044\u3063\u305f\u5177\u5408\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f&#8221;&#8221;\u3067\u3059\u3002<br \/>\n\u3053\u306e\u6307\u5b9a\u306f<em>url<\/em>\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3088\u308b\u753b\u50cf\u6307\u5b9a\u3092\u4e0a\u66f8\u304d\u3057\u307e\u3059\u3002<\/p>\n<h6>sample_image (string)<\/h6>\n<p>\u3053\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u306esamples\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e\u753b\u50cf\u3092\u4f7f\u3046\u3068\u304d\u3001<em>sample_image=&#8217;name.jpg&#8217;<\/em> \u306e\u3088\u3046\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f&#8221;&#8221;\u3067\u3059\u3002<br \/>\n\u3044\u3061\u3044\u3061<em>url=<\/em>\u3067\u6307\u5b9a\u3059\u308b\u306e\u304c\u9762\u5012\u306b\u306a\u3063\u3066\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u6307\u5b9a\u306f<em>url<\/em>\u3084<em>attachment_id<\/em>\u3067\u306e\u6307\u5b9a\u3092\u4e0a\u66f8\u304d\u3057\u307e\u3059\u3002<\/p>\n<h6>popup_view (string)<\/h6>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3\u3067\u306f\u306a\u304f\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u98a8\u306b\u8868\u793a\u3059\u308b\u3068\u304d&#8221;yes&#8221;\u3084&#8221;true&#8221;\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f&#8221;&#8221;\u3067\u3059(\u4f55\u304b\u6587\u5b57\u5217\u3092\u4e0e\u3048\u308b\u3068\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u3057\u307e\u3059)\u3002<br \/>\n\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u3057\u305f\u9818\u57df\u3092\u6d88\u3059\u3068\u304d\u306b\u306f\u53f3\u4e0a\u306e \u00d7 \u304b\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u9818\u57df\u5916(\u30b0\u30ec\u30a4\u30a2\u30a6\u30c8\u3057\u3066\u3044\u308b\u9818\u57df)\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n<h6>anchor_text (string)<\/h6>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u3092\u958b\u59cb\u3059\u308b\u305f\u3081\u306e\u30a2\u30f3\u30ab\u30fc\u30bf\u30b0\u306b\u8868\u793a\u3059\u308b\u6587\u5b57\u5217\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u7701\u7565\u5024\u306f&#8221;popup panorama&#8221;\u3067\u3059\u3002<br \/>\nhtml\u306e\u30a8\u30b9\u30b1\u30fc\u30d7\u3092\u884c\u3063\u3066\u3044\u306a\u3044\u306e\u3067\u3001html\u30bf\u30b0\u3084\u304a\u305d\u3089\u304f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u542b\u3081\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002\u7ba1\u7406\u8005\u3060\u3051\u3057\u304b\u6295\u7a3f\u3057\u306a\u3044\u30d6\u30ed\u30b0\u306e\u5834\u5408\u306f\u554f\u984c\u306a\u3044\u3067\u3057\u3087\u3046\u304c\u3001\u305d\u3046\u3067\u306a\u3044\u306a\u3089\u30a8\u30b9\u30b1\u30fc\u30d7\u3059\u3079\u304d\u3067\u3057\u3087\u3046\u3002<\/p>\n<h6>aspect_ratio (number)<\/h6>\n<p>\u8868\u793a\u3059\u308b\u30d1\u30ce\u30e9\u30de\u8868\u793a\u306e\u6a2a\u7e26\u6bd4\u3092\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002\u521d\u671f\u5024\u306f66\u30024:3\u3067\u8868\u793a\u3059\u308b\u306a\u3089\u3070\u30013\u00f74\u00d7100 = 75\u30013:2\u306a\u3089\u3070\u30012\u00f73\u00d7100 =66\u300116:9\u306a\u3089\u30709\u00f716\u00d7100 =56\u3068\u3057\u307e\u3059\u3002<\/p>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u3068\u5408\u308f\u305b\u3066\u8a73\u7d30\u306f\u4ee5\u4e0b\u306b\u3002<\/p>\n<h1>\u8868\u793a\u9818\u57df\u306e\u5b9f\u88c5<\/h1>\n<p>\u8a73\u3057\u304f\u306fwp_pannellum.php \u5185\u3092\u898b\u3066\u3044\u305f\u3060\u304f\u3068\u3057\u3066\u3001\u4eca\u56de\u306e\u5b9f\u88c5\u3067\u306f\u30d1\u30ce\u30e9\u30de\u7528\u306ediv\u306e\u5927\u304d\u3055\u3092\u3069\u3046\u3059\u308b\u306e\u304b\u306b\u4e3b\u773c\u3092\u7f6e\u304d\u307e\u3057\u305f\u3002<\/p>\n<h2>\u30a4\u30f3\u30e9\u30a4\u30f3\u8868\u793a<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3\u8868\u793a\u306e\u3068\u304d\u306e\u6a2a\u5e45\u306f\u3001WordPress\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u5909\u6570\u3067\u3042\u308b\u3001<em>$content_width<\/em>\u3068\u3057\u3066\u3044\u307e\u3059\u3002<em>$content_width<\/em>\u306f\u3001\u30c6\u30fc\u30de\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e<em> function.php<\/em> \u3067\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u3002<em>$content_width\u00a0<\/em>\u304c\u672a\u8a2d\u5b9a\u306e\u5834\u5408\u3001576\u30d4\u30af\u30bb\u30eb\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u3082\u30b3\u30f3\u30c6\u30f3\u30c4\u8868\u793a\u9818\u57df\u306e\u6a2a\u5e45\u304c<em>$content_width<\/em>\u3088\u308a\u72ed\u3044\u5834\u5408\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u8868\u793a\u9818\u57df\u5e45(\u30d1\u30ce\u30e9\u30de\u7528div\u306e\u89aa\u8981\u7d20\u306e<em>width()<\/em> )\u3092\u7528\u3044\u307e\u3059\u3002<\/p>\n<p>\u9ad8\u3055\u306f\u3001<em>aspect_ratio<\/em> \u306e\u6307\u5b9a\u306b\u3088\u3063\u3066\u304d\u307e\u308a\u3001<em>\u6a2a\u5e45 \u00d7 acpect_ratio \u00f7 100<\/em> \u306b\u3088\u3063\u3066\u7b97\u51fa\u3057\u3066\u3044\u307e\u3059\u3002<em>acpect_ratio<\/em> \u304c\u7701\u7565\u3055\u308c\u305f\u3068\u304d\u306b\u306f3:2\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u4e00\u3064\u306e\u30d6\u30ed\u30b0\u30da\u30fc\u30b8(\u4e00\u3064\u306e\u6295\u7a3f)\u5185\u306b\u3001\u8907\u6570\u306e\u30d1\u30ce\u30e9\u30de\u3092\u30a4\u30f3\u30e9\u30a4\u30f3\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u3001(\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u3067\u306f\u306a\u3044)\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u304c\u51fa\u3066\u304f\u308b\u305f\u3073\u306b id \u306e\u7570\u306a\u308bdiv\u3092\u4f5c\u308a\u3001\u305d\u306eid\u3092pannellum\u30b9\u30af\u30ea\u30d7\u30c8\u306b\u4e0e\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u540c\u3058\u30da\u30fc\u30b8\u306b\u30a4\u30f3\u30e9\u30a4\u30f3\u8868\u793a\u3092\u305f\u304f\u3055\u3093\u8f09\u305b\u308b\u3068\u3001PC\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u3082\u52d5\u304d\u306e\u91cd\u3055\u3092\u611f\u3058\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u6ce8\u610f\u304c\u5fc5\u8981\u3002<\/p>\n<h2>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a<\/h2>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u6642\u306e\u6a2a\u5e45\u306f1200\u30d4\u30af\u30bb\u30eb\u307e\u305f\u306f\u30d6\u30e9\u30a6\u30b6\u5e45\u306e95%\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u5927\u304d\u3055\u306b\u3064\u3044\u3066\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5c0e\u5165\u3059\u308b\u30d6\u30ed\u30b0\u306e\u90fd\u5408\u3067\u5909\u3048\u308c\u3070\u3088\u3044\u3067\u3057\u3087\u3046\u3002\u3053\u306e\u30d6\u30ed\u30b0\u3067\u306f\u3001fancybox\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u3088\u308b\u5199\u771f\u306e\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u6642\u306e\u6a2a\u5e45\u30921200\u30d4\u30af\u30bb\u30eb\u306b\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u305d\u308c\u306b\u305d\u308d\u3048\u307e\u3057\u305f\u3002<\/p>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u306f\u80cc\u666f\u7528\u306ediv (id=&#8221;<em>wp_pannellum_bg<\/em>&#8220;)\u3068\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u9818\u57df\u7528\u306ediv (id=&#8221;<em>wp_pannellum_popup<\/em>&#8220;)\u3001\u305d\u3057\u3066\u305d\u306e\u4e2d\u306b\u3042\u308bpannellum\u7528\u306ediv(id=&#8221;<em>panorama<\/em>&#8220;)\u304b\u3089\u69cb\u6210\u3057\u3066\u304a\u308a\u3001\u6700\u521d\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306b\u906d\u9047\u3057\u305f\u6642\u70b9\u3067\u30da\u30fc\u30b8\u5185\u306b\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u3001\u4e00\u3064\u306e\u30da\u30fc\u30b8\u3067\u540c\u6642\u306b\u8868\u793a\u3067\u304d\u308b\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u30d1\u30ce\u30e9\u30de\u306f\u4e00\u3064\u3060\u3051\u306b\u306a\u308a\u307e\u3059(\u540c\u3058div\u306b\u8868\u793a\u3059\u308b\u306e\u3067)\u3002<br \/>\n\u307e\u305f\u3001\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u3092\u9589\u3058\u308b\u305f\u3081\u306e id=&#8221;<em>wp_pannellum_close<\/em>&#8221; \u3068\u3044\u3046div\u3092\u8868\u793a\u3057\u307e\u3059\u3002\u3053\u306ediv\u5185\u306b\u306fstyle.css\u5185\u306e#wp_pannellum_close \u306b\u3088\u3063\u3066\u25ef\u306e\u4e2d\u306b \u00d7 \u3092\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u65b9\u6cd5\u306f\u3001<a href=\"https:\/\/cssicon.space\/\" target=\"_blank\" rel=\"noopener\">CSS ICON \u3068\u3044\u3046\u30b5\u30a4\u30c8<\/a>\u3092\u53c2\u8003\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u306e\u8868\u793a\u4e2d\u306b\u30b0\u30ec\u30a4\u30a2\u30a6\u30c8\u3057\u305f\u80cc\u666f( <em>wp_pannellum_bg<\/em> ) \u307e\u305f\u306f \u30af\u30ed\u30fc\u30ba\u30dc\u30bf\u30f3(<em>wp_pannellum_close<\/em>) \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u9818\u57df\u3092\u975e\u8868\u793a\u306b\u3057\u307e\u3059\u3002<\/p>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u3092\u958b\u59cb\u3059\u308b\u305f\u3081\u306e\u304d\u3063\u304b\u3051\u3068\u3057\u3066\u3001&lt;a href=&#8221;&#8230;&#8221;&gt;&#8230;.&lt;\/a&gt; \u3068\u3044\u3046\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30f3\u30ab\u30fc\u3092\u51fa\u529b\u3057\u3066\u304a\u308a\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066<em>anchor_text<\/em>\u3092\u305d\u306e\u307e\u307e\u51fa\u529b\u3057\u3066\u3044\u307e\u3059\u3002<em>anchor_text<\/em>\u306e\u51fa\u529b\u6642\u306bhtml\u30a8\u30b9\u30b1\u30fc\u30d7\u3057\u3066\u3044\u306a\u3044\u3053\u3068\u306b\u6ce8\u610f\u3002<\/p>\n<h1>\u8868\u793a\u4f8b\u305d\u306e2<\/h1>\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u306ezip\u30d5\u30a1\u30a4\u30eb(wp_pannellum.zip)\u306f2\u3064\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u753b\u50cf\u306fwp-pannellum\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30c6\u30b9\u30c8\u8868\u793a\u306e\u5834\u5408\u306b\u306e\u307f\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<h5>sample1.jpg<\/h5>\n<p><div id='wp_pannellum_3' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tvar pano_3 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '\u85fb\u5ca9\u5c71\u304b\u3089',\r\n\t\t\t'hfov': 60,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 90,\r\n\t\t\t'haov': 180,\r\n\t\t\t'vaov': 85,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 0,\r\n\t\t\t'yaw': 0,\r\n\t\t\t'minPitch': -40,\r\n\t\t\t'maxPitch': 45,\r\n\t\t\t'minYaw': -90,\r\n\t\t\t'maxYaw': 90,\r\n\t\t\t'autoRotate': 2,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'wp-content\/plugins\/wp-pannellum\/samples\/sample1.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_3', pano_3, '', 0.66);\r\n\t\t\t<\/script>\r\nsample1.jpg<br \/>\n5\u5e74\u307b\u3069\u524d\u306b\u672d\u5e4c\u306e\u85fb\u5ca9\u5c71\u304b\u3089\u5199\u3057\u305f\u591c\u666f\u3067\u3059\u3002360\u5ea6\u30d1\u30ce\u30e9\u30de\u3067\u306f\u306a\u3044\u306e\u3067\u3001minYaw,\u00a0 maxYaw\u3067\u5de6\u53f3\u306e\u56de\u8ee2\u89d2\u5ea6\u3092\u5236\u9650\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u30d6\u30ed\u30b0\u306e\u6295\u7a3f\u5185\u3067\u30d1\u30ce\u30e9\u30de\u3092\u8868\u793a\u3057\u305f\u3044\u3068\u3053\u308d\u306b\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"nums:false lang:default decode:true\"><div id='wp_pannellum_4' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tvar pano_4 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '\u85fb\u5ca9\u5c71\u304b\u3089',\r\n\t\t\t'hfov': 60,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 90,\r\n\t\t\t'haov': 180,\r\n\t\t\t'vaov': 85,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 0,\r\n\t\t\t'yaw': 0,\r\n\t\t\t'minPitch': -40,\r\n\t\t\t'maxPitch': 45,\r\n\t\t\t'minYaw': -90,\r\n\t\t\t'maxYaw': 90,\r\n\t\t\t'autoRotate': 2,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'wp-content\/plugins\/wp-pannellum\/samples\/sample1.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_4', pano_4, '', 0.66);\r\n\t\t\t<\/script>\r\n<\/pre>\n<p>\u203b \u5404\u30d1\u30e9\u30e1\u30fc\u30bf\u3054\u3068\u306e\u6539\u884c\u306f\u8aad\u307f\u3084\u3059\u3055\u306e\u305f\u3081\u306b\u5165\u308c\u3066\u3042\u308a\u307e\u3059\u3002\u5b9f\u969b\u306e\u8a18\u8ff0\u6642\u306b\u306f\u5404\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u534a\u89d2\u7a7a\u767d\u3067\u533a\u5207\u308a\u307e\u3059\u3002<\/p>\n<p>url\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3088\u3063\u3066\u30d7\u30e9\u30b0\u30a4\u30f3\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306esamples\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3046\u3061\u306e\u30d6\u30ed\u30b0\u306e\u5834\u5408\u3001\u3053\u3046\u3084\u3063\u3066\u4e0e\u3048\u308b\u3068\u30b9\u30ad\u30fc\u30e0\u3084\u30db\u30b9\u30c8\u540d\u304c\u81ea\u52d5\u7684\u306b\u88dc\u308f\u308c\u307e\u3059\u3002https\u3068http\u306e\u4e21\u65b9\u306e\u30b9\u30ad\u30fc\u30e0\u3092\u4f7f\u3063\u3066\u3044\u305f\u308a\u30c6\u30b9\u30c8\u7528\u306b\u5225\u306e\u30db\u30b9\u30c8\u3067\u52d5\u304b\u3059\u3053\u3068\u3082\u3042\u308b\u306e\u3067\u3001\u3053\u306e\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h5>sample2.jpg<\/h5>\n<div id='wp_pannellum_5' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tvar pano_5 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '',\r\n\t\t\t'hfov': 110,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 120,\r\n\t\t\t'haov': 360,\r\n\t\t\t'vaov': 100,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 10,\r\n\t\t\t'yaw': 120,\r\n\t\t\t'minPitch': -45,\r\n\t\t\t'maxPitch': 45,\r\n\t\t\t'minYaw': -180,\r\n\t\t\t'maxYaw': 180,\r\n\t\t\t'autoRotate': 0,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'https:\/\/okiraku-camera.tokyo\/blog\/wp-content\/plugins\/wp-pannellum\/samples\/sample2.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_5', pano_5, '', 0.66);\r\n\t\t\t<\/script>\r\n\n\t<script>\r\n\t\t\t\tvar pano_6 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '',\r\n\t\t\t'hfov': 110,\r\n\t\t\t'minHfov': 45,\r\n\t\t\t'maxHfov': 120,\r\n\t\t\t'haov': 360,\r\n\t\t\t'vaov': 100,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 10,\r\n\t\t\t'yaw': 120,\r\n\t\t\t'minPitch': -45,\r\n\t\t\t'maxPitch': 45,\r\n\t\t\t'minYaw': -180,\r\n\t\t\t'maxYaw': 180,\r\n\t\t\t'autoRotate': 3,\r\n\t\t\t'showZoomCtrl' : false,\r\n\t\t\t'showFullscreenCtrl' : false,\r\n\t\t\t'panorama': 'https:\/\/okiraku-camera.tokyo\/blog\/wp-content\/plugins\/wp-pannellum\/samples\/sample2.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t<\/script>\r\n<a href='javascript:void(0);' onclick=\"show_pannellum('panorama',pano_6,'1' ,0.66);\">\u3053\u306e\u30d1\u30ce\u30e9\u30de\u3092\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7<\/a>\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u4f5c\u308a\u306e\u904e\u7a0b\u3067\u7d20\u6750\u3068\u3057\u3066\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002\u6771\u4eac\u90fd\u8abf\u5e03\u5e02\u306b\u3042\u308b\u795e\u4ee3\u690d\u7269\u516c\u5712\u306e\u30d0\u30e9\u5712\u306b\u3066\u3001Laowa 7.5mm\u3092\u7e26\u69cb\u56f3\u306b\u69cb\u3048\u3066\u5199\u3057\u305f\u3082\u306e\u3092\u5408\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3\u5074\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306f\u3053\u3093\u306a\u5177\u5408\u3067\u3059\u3002<\/p>\n<pre class=\"nums:false lang:default decode:true\"><div id='wp_pannellum_7' style='margin:0 auto;'><\/div>\n\t<script>\r\n\t\t\t\tvar pano_7 = {\r\n\t\t\t'type': 'equirectangular',\r\n\t\t\t'title': '',\r\n\t\t\t'hfov': 90,\r\n\t\t\t'minHfov': 110,\r\n\t\t\t'maxHfov': 120,\r\n\t\t\t'haov': 360,\r\n\t\t\t'vaov': 100,\r\n\t\t\t'voffset': 0,\r\n\t\t\t'pitch': 10,\r\n\t\t\t'yaw': 120,\r\n\t\t\t'minPitch': -45,\r\n\t\t\t'maxPitch': 45,\r\n\t\t\t'minYaw': -180,\r\n\t\t\t'maxYaw': 180,\r\n\t\t\t'autoRotate': 0,\r\n\t\t\t'showZoomCtrl' : true,\r\n\t\t\t'showFullscreenCtrl' : true,\r\n\t\t\t'panorama': 'https:\/\/okiraku-camera.tokyo\/blog\/wp-content\/plugins\/wp-pannellum\/samples\/sample2.jpg',\r\n\t\t\t'autoLoad': true,\r\n\t\t\t'autoRotateInactivityDelay': 2000}\r\n\t\t\t\t\tshow_pannellum('wp_pannellum_7', pano_7, '', 0.66);\r\n\t\t\t<\/script>\r\n<\/pre>\n<p><em>sample_image<\/em>\u3092\u4f7f\u3063\u3066\u8a18\u8ff0\u3092\u7c21\u7565\u5316\u3057\u307e\u3057\u305f\u3002minPitch, maxPitch\u306a\u3069\u306e\u5404\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u3001\u90fd\u5408\u3088\u304f\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u8a66\u884c\u932f\u8aa4\u306e\u4e0a\u3067\u6c7a\u3081\u305f\u5024\u3067\u3059\u3002<\/p>\n<p>\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u5074\u306f\u3001\u4e0a\u8a18\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n<pre class=\"nums:false lang:default decode:true\"> autoRotate=\"3\" \r\n popup_view=\"yes\"\r\n hide_ctrls=\"yes\"\r\n anchor_text=\"\u3053\u306e\u30d1\u30ce\u30e9\u30de\u3092\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\"<\/pre>\n<h2>\u3075\u3064\u3046\u306e\u30ab\u30e1\u30e9\u3067\u306e\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u306e\u4f5c\u6210<\/h2>\n<p>\u3061\u3083\u3093\u3068\u3057\u305fequirectangular\u306a\u753b\u50cf\u304c\u4f5c\u308c\u3066\u3044\u306a\u3044\u306e\u3067\u3059\u304c\u3001\u98a8\u666f\u3092\u9069\u5f53\u306b\u3046\u3064\u3057\u3066\u30d1\u30ce\u30e9\u30de\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<ol>\n<li>\u5e83\u89d2\u30ec\u30f3\u30ba\u3092\u7e26\u69cb\u56f3\u306b\u69cb\u3048\u3066\u3001\u3050\u308b\u3063\u3068\u56de\u308a\u306a\u304c\u3089\u5468\u56f2\u3092\u64ae\u5f71\u3002<\/li>\n<li>\u305d\u306e\u969b\u306b\u3001\u30d5\u30a1\u30a4\u30f3\u30c0\u30fc\u306b\u898b\u3048\u3066\u3044\u308b\u753b\u89d2\u306e1\/2\uff5e1\/3\u7a0b\u5ea6\u305a\u3064\u89d2\u5ea6\u3092\u5909\u3048\u306a\u304c\u3089\u98fd\u304d\u305a\u306b\u30b7\u30e3\u30c3\u30bf\u30fc\u3092\u5207\u308b\u3002<\/li>\n<li>\u7406\u60f3\u7684\u306b\u306f\u3001\u9806\u5149\u306e\u3068\u304d\u3068\u9006\u5149\u306e\u3068\u304d\u3068\u3067\u9732\u51fa\u88dc\u6b63\u3092\u5909\u3048\u308b\u3002\u3042\u308b\u3044\u306f\u3001\u64ae\u5f71\u5f8c\u306b\u540c\u3058\u660e\u308b\u3055\u306b\u306a\u308b\u3088\u3046\u88dc\u6b63\u3059\u308b\u3002\u663c\u9593\u306f\u3069\u3046\u3057\u3066\u3082\u592a\u967d\u306b\u5411\u3051\u3066\u3057\u307e\u3046\u306e\u3067\u3002<\/li>\n<li>\u5408\u6210\u306b\u306f\u3001<em>Microsoft Image Composite Editor<\/em> \u304c\u7121\u6599\u3060\u3057\u3046\u307e\u304f\u3084\u3063\u3066\u304f\u308c\u308b\u3002\u5408\u6210\u6642\u306e\u6295\u5f71\u65b9\u6cd5\u3068\u3057\u3066\u3001<em>Cylindrical(\u8336\u7b52\u72b6)<\/em>\u307e\u305f\u306f<em>Spherical(\u7403\u9762\u72b6)<\/em>\u3092\u4f7f\u3046\u3002\u5f8c\u8005\u306e\u65b9\u304c\u5411\u3044\u3066\u3044\u308b\u3088\u3046\u306b\u601d\u3046\u3002<\/li>\n<\/ol>\n<p>\u30d1\u30ce\u30e9\u30de\u5c02\u7528\u30ab\u30e1\u30e9(360\u00b0\u30ab\u30e1\u30e9)\u3092\u6301\u3063\u3066\u306a\u3044\u306e\u3067\u3001\u3044\u3061\u3069\u5165\u624b\u3057\u3066\u8a66\u3057\u3066\u307f\u305f\u3044\u3068\u3053\u308d\u3067\u3059\u3002\u305f\u3060\u3001\u3059\u3050\u98fd\u304d\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u2026\u3002<\/p>\n<h1>\u6539\u7248\u5c65\u6b74\u306a\u3069<\/h1>\n<h5>0.2\u7248<\/h5>\n<ol>\n<li>\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u540d\u3092 &#8220;wp_pannellum&#8221;\u306b\u5909\u66f4<\/li>\n<li>\u30b9\u30de\u30db\u3092\u7e26\u306b\u3057\u3066\u898b\u308b\u3068\u30d1\u30ce\u30e9\u30de\u304c\u7e26\u9577\u306b\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u6a2a\u5e45\u3092\u5f97\u3066\u304b\u3089\u8868\u793a\u3059\u308b\u3053\u3068\u306b\u3057\u305f\u3002\u305f\u3060\u3057\u3001\u8868\u793a\u4e2d\u306b\u30b9\u30de\u30db\u3092\u6a2a\u5012\u3057\u306b\u3057\u3066\u3082\u8868\u793a\u9818\u57df\u306f\u5e83\u304f\u306a\u3089\u306a\u3044\u3002\u3053\u306e\u3042\u305f\u308a\u6539\u5584\u9805\u76ee\u3068\u3057\u3066\u304a\u304f\u3002<\/li>\n<li>aspect_ratio\u3082\u5b9f\u88c5\u3002<\/li>\n<li>\u7d39\u4ecb\u30da\u30fc\u30b8(\u3053\u306e\u30da\u30fc\u30b8)\u3092\u66f8\u3044\u3066\u4e00\u5f0f\u3092zip\u3057\u3066\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30d6\u30ed\u30b0\u4e0a\u3067\u516c\u958b\u3002<\/li>\n<\/ol>\n<h5>0.1\u7248<\/h5>\n<ol>\n<li>\u30d1\u30ce\u30e9\u30de\u753b\u50cf\u3092\u30d6\u30ed\u30b0\u306b\u8f09\u305b\u3088\u3046\u3068\u601d\u3063\u305f\u304c\u3001\u7570\u5e38\u306b\u6a2a\u306b\u9577\u3044\u753b\u50cf\u3058\u3083\u3061\u3087\u3063\u3068\u306a\u3068\u601d\u3063\u3066\u30d1\u30ce\u30e9\u30de\u30d3\u30e5\u30fc\u30ef\u30fc\u3092\u7269\u8272\u3057pannellum\u306b\u884c\u304d\u7740\u3044\u305f\u3002<\/li>\n<li>\u3068\u308a\u3042\u3048\u305a\u3001pannellum\u3092WordPress\u3067\u4f7f\u3046\u305f\u3081\u306b\u30e9\u30c3\u30d7\u3057\u305f\u3002<\/li>\n<li>popup_view\u3092\u5b9f\u88c5\u3002\u8d77\u3053\u3059\u624b\u6bb5\u304c\u306a\u304b\u3063\u305f\u306e\u3067anchor_text\u3082\u8ffd\u52a0\u3002<\/li>\n<\/ol>\n<h2>\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u30e9\u30a4\u30bb\u30f3\u30b9<\/h2>\n<h5>wp-pannellum<\/h5>\n<p>Copyright (c) 2018 okiraku-camera.tokyo<\/p>\n<p>Licensed under MIT license.<\/p>\n<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the &#8220;Software&#8221;), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and\/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:<\/p>\n<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.<\/p>\n<p>THE SOFTWARE IS PROVIDED &#8220;AS IS&#8221;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6982\u8981 Web\u30d6\u30e9\u30a6\u30b6\u7528\u306e\u30d1\u30ce\u30e9\u30de\u30d3\u30e5\u30fc\u30ef\u30fc pannellum \u3092WordPress\u306e\u6295\u7a3f\u3084\u56fa\u5b9a\u30da\u30fc\u30b8\u306e\u8868\u793a\u3067\u4f7f\u3046\u305f\u3081\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3059\u3002pannellum\u306fHTML5\u3001WebGL\u3001CSS\u3001JavaScript\u3068\u3044\u3063\u305f\u6c4e\u7528 &hellip; <a href=\"https:\/\/okiraku-camera.tokyo\/blog\/?page_id=7780\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">WordPress\u7528\u30d1\u30ce\u30e9\u30de\u30d7\u30e9\u30b0\u30a4\u30f3 wp-pannellum<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=\/wp\/v2\/pages\/7780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7780"}],"version-history":[{"count":0,"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=\/wp\/v2\/pages\/7780\/revisions"}],"wp:attachment":[{"href":"https:\/\/okiraku-camera.tokyo\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}