{"id":2294,"date":"2019-10-13T19:03:24","date_gmt":"2019-10-13T19:03:24","guid":{"rendered":"http:\/\/grauonline.de\/cms2\/?page_id=2294"},"modified":"2020-05-19T13:18:45","modified_gmt":"2020-05-19T13:18:45","slug":"test","status":"publish","type":"page","link":"https:\/\/wpsandbox.grauonline.de\/de\/test\/","title":{"rendered":"360 degree product photo &#8211; first tries&#8230;"},"content":{"rendered":"<p><span id=\"formkey_field\">[mwform_formkey key=&#8221;3137&#8243;]<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2020\/01\/User-manual-PBT_PBL_aktuell.pdf\">User manual PBT_PBL_aktuell<\/a><\/p>\n<p>test<\/p>\n<p><a href=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2013\/12\/mdg_media-e1575462929107.png\"><img decoding=\"async\" class=\"alignnone wp-image-847\" src=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2013\/12\/mdg_media-e1575462929107.png\" alt=\"mdg_media\" width=\"300\" height=\"49\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>test<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2019\/07\/manual-2.png\"><img decoding=\"async\" class=\"wp-image-2587 size-thumbnail alignnone\" src=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2019\/07\/manual-2-150x150.png\" alt=\"manual 2\" width=\"150\" height=\"150\" srcset=\"https:\/\/wpsandbox.grauonline.de\/wp-content\/uploads\/2019\/07\/manual-2-150x150.png 150w, https:\/\/wpsandbox.grauonline.de\/wp-content\/uploads\/2019\/07\/manual-2-300x300.png 300w, https:\/\/wpsandbox.grauonline.de\/wp-content\/uploads\/2019\/07\/manual-2.png 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>Downloads are great &#8211;\u00a0 <span class=\"collapseomatic \" id=\"id6a3e0e3aa3a3a\"  tabindex=\"0\" title=\"Click here\"    >Click here<\/span><div id=\"target-id6a3e0e3aa3a3a\" class=\"collapseomatic_content \">\ntest test test test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test\u00a0test test test<br \/>\n<\/div>\n<a href=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2019\/07\/checklist-2.png\"><img decoding=\"async\" class=\"size-thumbnail wp-image-2582 alignnone\" src=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2019\/07\/checklist-2-150x150.png\" alt=\"checklist 2\" width=\"150\" height=\"150\" \/><\/a>Help is available. <span class=\"collapseomatic \" id=\"id6a3e0e3aa3ab2\"  tabindex=\"0\" title=\"Click here\"    >Click here<\/span><div id=\"target-id6a3e0e3aa3ab2\" class=\"collapseomatic_content \">\nhello world hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world\u00a0hello world<br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s2R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s2Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s2ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s2Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s2FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/wpsandbox.grauonline.de\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s2S' class='s2' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/wpsandbox.grauonline.de\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s2Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s2FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s2').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s2FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s2FS').hide();}\r\n           jQuery('#s2R').click(function(e){ \/\/ console.log('s2');\r\n           jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;jQuery('.s2').spritespin('api').startAnimation(); });\r\n           jQuery('#s2R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s2FS').hide();\r\n              jQuery('#s2R').hide();\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s2FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s2R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/wpsandbox.grauonline.de\/wp-content\/uploads\/spin360show\/pb2\/';\r\n           pathVar=pathVar+'{frame}'+'.jpg';\r\n           \/\/spritespin instance\r\n           jQuery('.s2').spritespin({width: '800', height: '800', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'16'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: true, frameTime: '400', animate: true, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s2Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s2Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s2ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s2ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s2').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                       jQuery('.s2').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s2').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s2ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s2Zu').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s2ZR').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    \n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[mwform_formkey key=&#8221;3137&#8243;] &nbsp; &nbsp; User manual PBT_PBL_aktuell test &nbsp; test &nbsp; Downloads are great &#8211;\u00a0 Help is available. &nbsp; &nbsp;&hellip;<\/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-2294","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>360 degree product photo - first tries... - Grau GmbH Hardware &amp; Software Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpsandbox.grauonline.de\/de\/test\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"360 degree product photo - first tries... - Grau GmbH Hardware &amp; Software Solutions\" \/>\n<meta property=\"og:description\" content=\"[mwform_formkey key=&#8221;3137&#8243;] &nbsp; &nbsp; User manual PBT_PBL_aktuell test &nbsp; test &nbsp; Downloads are great &#8211;\u00a0 Help is available. &nbsp; &nbsp;&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpsandbox.grauonline.de\/de\/test\/\" \/>\n<meta property=\"og:site_name\" content=\"Grau GmbH Hardware &amp; Software Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-19T13:18:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2013\/12\/mdg_media-e1575462929107.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\">\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpsandbox.grauonline.de\/#website\",\"url\":\"https:\/\/wpsandbox.grauonline.de\/\",\"name\":\"Grau GmbH Hardware &amp; Software Solutions\",\"description\":\"We make IT simple!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/wpsandbox.grauonline.de\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2013\/12\/mdg_media-e1575462929107.png\",\"contentUrl\":\"https:\/\/main.grauonline.de\/wp-content\/uploads\/2013\/12\/mdg_media-e1575462929107.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#webpage\",\"url\":\"https:\/\/wpsandbox.grauonline.de\/test\/\",\"name\":\"360 degree product photo - first tries... - Grau GmbH Hardware &amp; Software Solutions\",\"isPartOf\":{\"@id\":\"https:\/\/wpsandbox.grauonline.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#primaryimage\"},\"datePublished\":\"2019-10-13T19:03:24+00:00\",\"dateModified\":\"2020-05-19T13:18:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpsandbox.grauonline.de\/test\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@id\":\"https:\/\/wpsandbox.grauonline.de\/test\/#webpage\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/pages\/2294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/comments?post=2294"}],"version-history":[{"count":36,"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/pages\/2294\/revisions"}],"predecessor-version":[{"id":3138,"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/pages\/2294\/revisions\/3138"}],"wp:attachment":[{"href":"https:\/\/wpsandbox.grauonline.de\/de\/wp-json\/wp\/v2\/media?parent=2294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}