{"id":106,"date":"2019-08-11T01:23:47","date_gmt":"2019-08-10T16:23:47","guid":{"rendered":"http:\/\/www.bao.city.ibara.okayama.jp\/wordpress\/?page_id=106"},"modified":"2025-02-14T14:10:48","modified_gmt":"2025-02-14T05:10:48","slug":"%e7%be%8e%e6%98%9f%e5%a4%a9%e6%96%87%e5%8f%b0%e3%81%ae%e3%81%8a%e5%a4%a9%e6%b0%97","status":"publish","type":"page","link":"https:\/\/www.bao.city.ibara.okayama.jp\/?page_id=106","title":{"rendered":"\u7f8e\u661f\u5929\u6587\u53f0\u306e\u304a\u5929\u6c17"},"content":{"rendered":"\n<p>\u7f8e\u661f\u5929\u6587\u53f0\u306e\u5c4b\u4e0a\u306b\u8a2d\u7f6e\u3055\u308c\u305f\u30ab\u30e1\u30e9\u306b\u3088\u308b\u3001\u305f\u3060\u3044\u307e\u306e\u5929\u6587\u53f0\u306e\u304a\u5929\u6c17\u306e\u69d8\u5b50\u3067\u3059\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.bao.city.ibara.okayama.jp\/html\/sky\/smartBAOview\/index.html\">360\u5ea6\u30d3\u30e5\u30fc<\/a>\u3067\u898b\u308b\u3002<\/p>\n\n\n\n<script type=\"text\/javascript\" src=\"jquery-3.4.1.min.js\"><\/script>\n    <script type=\"text\/javascript\">\n\n      $(function(){\n\n    $(document).ready(function(){\n    \n        images = get_jpg()\n        dw = $( window ).width();\n        dh = $( window ).height();\n        if (dw < dh){\n            wins = dw\n        }else{\n            wins = dh\n        }\n        document.getElementById(\"slide\").style.width = wins+\"px\";\n        document.getElementById(\"slide\").style.height = wins+\"px\";\n\n        right  = document.getElementById('right');\n        left   = document.getElementById('left');\n        count  = images.length-1;\n        max_c  = images.length-1;\n        \n        right.addEventListener('click',goNext,false);\n        left.addEventListener('click',goBack,false);\n        change()\n        console.log(\"loaded\")\n        \n    });\n          \n    function post_cgi(url){\n        return $.ajax({\n            type:'POST',\n            url:url,\n            async:false\n        });\n    };\n          function get_jpg(){\n        var L = []\n        post_cgi(\"\/cgi-bin\/skymon\/current_24h_images.py\").done(function(data){\n            for (i in data){\n                L.push(\"html\/sky\/archive\/\"+data[i])\n            }\n\n        });\n        L.push(\"html\/sky\/current.jpg\")\n        return L;\n        \n    }\n          function change(){\n        document.getElementById('slide').style.backgroundImage = \"url(\"+images[count]+\")\";\n        console.log(images[count])\n    }\n          \n          function goNext(){\n        if(count == max_c){\n            count = 0;\n        }else{\n            count++;\n        }\n        change();\n    }\n          \n          function goBack(){\n        if(count == 0){\n            count = max_c;\n        }else{\n            count--;\n        }\n        change();\n    }\n          \n\n      });\n    <\/script>\n    <style type=\"text\/css\">\n      <!--\n      \/*\u753b\u50cf\u914d\u7f6e*\/\n      .slideshow{\n          width: 600px;\n          height: 600px;\n          background-repeat: no-repeat;\n          background-size: cover;\n          background-position: 0% 50%;\/*\u5de6 \u4e2d\u592e\u306e\u3088\u305b*\/\n      }\n      \/*\u6587\u5b57*\/\n      .disc{\n          margin: auto;\n          text-align: center;\n          font-size: 3em;\n          color: #ffffff;\n          font-weight: 800;\n          padding-top:5%;\n      }\n      \/*>*\/\n      .next{\n          float: right;\n          top: 0px;\n          right: 50px;\n      }\n      \/*<*\/\n      .back{\n          float: left;\n          bottom: 0px;\n          left: 30px;\n      }\n      \/*\u77e2\u5370\u306e\u30c7\u30b6\u30a4\u30f3*\/\n      .arrow{\n          position: relative;\n          display: inline-block;\n          padding: 0 0 0 16px;\n          color: #000;\n          vertical-align: middle;\n          text-decoration: none;\n          font-size: 15px;\n      }\n     .arrow::before,\n      .arrow::after{\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          margin: auto;\n          content: \"\";\n          vertical-align: middle;\n      }\n      \n      .next::before{\n          left: 0px;\n          width: 30px;\n          height: 30px;\n          border-top: 5px solid rgb(255, 255, 255);\n          border-right: 5px solid rgb(255, 255, 255);\n          -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n      }\n      .back::before{\n          left: 0px;\n          width: 30px;\n          height: 30px;\n          border-bottom: 5px solid rgb(255, 255, 255);\n          border-left: 5px solid rgb(255, 255, 255);\n          -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n      }\n\n      \n      -->\n    <\/style>\n  <div class =\"allsky\">\n    <div id =\"slide\" class=\"slideshow\">\n      <p class=\"disc\"><\/p> \n      <a class=\"arrow next\" id =\"right\" href =\"#\"><\/a> \n      <a class=\"arrow back\" id =\"left\" href =\"#\"><\/a>\n    <\/div>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">360\u5ea6\u30d3\u30e5\u30fc(\u904e\u53bb\u306e\u753b\u50cf\u542b\u3080)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.bao.city.ibara.okayama.jp\/html\/sky\/smartBAOview\/index.html\">\u73fe\u5728\u306e\u7a7a<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.bao.city.ibara.okayama.jp\/html\/sky\/smartBAOview\/index.html?img=20220107_360.jpg\">\u3088\u304f\u6674\u308c\u305f\u51ac\u306e\u591c<\/a> (2022\u5e741\u6708)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.bao.city.ibara.okayama.jp\/html\/sky\/smartBAOview\/index.html?img=20220319_moonbow2_360.jpg\">\u6708\u8679<\/a> (2022\u5e743\u670819\u65e5)<\/li>\n<\/ul>\n\n\n\n<p>\u4eca\u5f8c\u3082\u753b\u50cf\u3092\u5897\u3084\u3057\u3066\u3044\u304f\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>\u7f8e\u661f\u5929\u6587\u53f0\u306e\u5c4b\u4e0a\u306b\u8a2d\u7f6e\u3055\u308c\u305f\u30ab\u30e1\u30e9\u306b\u3088\u308b\u3001\u305f\u3060\u3044\u307e\u306e\u5929\u6587\u53f0\u306e\u304a\u5929\u6c17\u306e\u69d8\u5b50\u3067\u3059\u3002 360\u5ea6\u30d3\u30e5\u30fc\u3067\u898b\u308b\u3002 360\u5ea6\u30d3\u30e5\u30fc(\u904e\u53bb\u306e\u753b\u50cf\u542b\u3080) \u4eca\u5f8c\u3082\u753b\u50cf\u3092\u5897\u3084\u3057\u3066\u3044\u304f\u4e88\u5b9a\u3067\u3059\u3002<\/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-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=106"}],"version-history":[{"count":39,"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":4252,"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions\/4252"}],"wp:attachment":[{"href":"https:\/\/www.bao.city.ibara.okayama.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}