{"id":78,"date":"2021-01-25T21:11:21","date_gmt":"2021-01-25T21:11:21","guid":{"rendered":"http:\/\/enriqub.cluster030.hosting.ovh.net\/?page_id=78"},"modified":"2021-01-26T14:00:07","modified_gmt":"2021-01-26T14:00:07","slug":"espacio-tiempo","status":"publish","type":"page","link":"https:\/\/enrique-ferrer.es\/index.php\/3-series-re-visiones\/espacio-tiempo\/","title":{"rendered":"Espacio Tiempo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d394f5f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d394f5f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-99cf279\" data-id=\"99cf279\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b997a57 elementor-widget elementor-widget-heading\" data-id=\"b997a57\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Arles 1888<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b8979 elementor-widget elementor-widget-shortcode\" data-id=\"c8b8979\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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='s1R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s1Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s1ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s1Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s1FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s1S' class='s1' 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:\/\/enrique-ferrer.es\/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('#s1Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s1FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s1').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('.s1').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s1FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s1FS').hide();}\r\n           jQuery('#s1R').click(function(e){ \/\/ console.log('s1');\r\n           jQuery('.s1').spritespin('api').data.reverse=!jQuery('.s1').spritespin('api').data.reverse;jQuery('.s1').spritespin('api').startAnimation(); });\r\n           jQuery('#s1R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s1FS').hide();\r\n              jQuery('#s1R').hide();\r\n              jQuery('#s1Zu').hide();\r\n              jQuery('#s1ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s1FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s1R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s1Zu').hide();\r\n              jQuery('#s1ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/arles\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s1').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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('.s1').spritespin('api').data.reverse=!jQuery('.s1').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('#s1Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s1Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s1ZR'), \/\/.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('#s1ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s1').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('.s1').spritespin('api').data.reverse=!jQuery('.s1').spritespin('api').data.reverse;\r\n                       jQuery('.s1').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('.s1').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('#s1ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s1Zu').on('click', function() { \r\n                mtx = jQuery('#s1S').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('.s1').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('#s1ZR').on('click', function() { \r\n                mtx = jQuery('#s1S').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('.s1').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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c023a39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c023a39\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28ab6b2\" data-id=\"28ab6b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2361322 elementor-widget elementor-widget-heading\" data-id=\"2361322\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">El Escorial 1656 - 1957<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4867b52 elementor-widget elementor-widget-shortcode\" data-id=\"4867b52\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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:\/\/enrique-ferrer.es\/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:\/\/enrique-ferrer.es\/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:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/escorial\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s2').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'14'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9930d25 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9930d25\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e0a9f9\" data-id=\"7e0a9f9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ba4a72e elementor-widget elementor-widget-heading\" data-id=\"ba4a72e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Horta del Ebro 1909<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3f10f elementor-widget elementor-widget-shortcode\" data-id=\"0b3f10f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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='s3R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s3Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s3ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s3Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s3FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s3S' class='s3' 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:\/\/enrique-ferrer.es\/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('#s3Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s3FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s3').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('.s3').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s3FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s3FS').hide();}\r\n           jQuery('#s3R').click(function(e){ \/\/ console.log('s3');\r\n           jQuery('.s3').spritespin('api').data.reverse=!jQuery('.s3').spritespin('api').data.reverse;jQuery('.s3').spritespin('api').startAnimation(); });\r\n           jQuery('#s3R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s3FS').hide();\r\n              jQuery('#s3R').hide();\r\n              jQuery('#s3Zu').hide();\r\n              jQuery('#s3ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s3FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s3R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s3Zu').hide();\r\n              jQuery('#s3ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/horta\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s3').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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('.s3').spritespin('api').data.reverse=!jQuery('.s3').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('#s3Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s3Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s3ZR'), \/\/.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('#s3ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s3').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('.s3').spritespin('api').data.reverse=!jQuery('.s3').spritespin('api').data.reverse;\r\n                       jQuery('.s3').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('.s3').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('#s3ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s3Zu').on('click', function() { \r\n                mtx = jQuery('#s3S').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('.s3').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('#s3ZR').on('click', function() { \r\n                mtx = jQuery('#s3S').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('.s3').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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ba38dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ba38dd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e3a189\" data-id=\"0e3a189\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9eb524 elementor-widget elementor-widget-heading\" data-id=\"d9eb524\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Montroig 1919<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9237d4d elementor-widget elementor-widget-shortcode\" data-id=\"9237d4d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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='s4R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s4Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s4ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s4Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s4FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s4S' class='s4' 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:\/\/enrique-ferrer.es\/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('#s4Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s4FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s4').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('.s4').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s4FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s4FS').hide();}\r\n           jQuery('#s4R').click(function(e){ \/\/ console.log('s4');\r\n           jQuery('.s4').spritespin('api').data.reverse=!jQuery('.s4').spritespin('api').data.reverse;jQuery('.s4').spritespin('api').startAnimation(); });\r\n           jQuery('#s4R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s4FS').hide();\r\n              jQuery('#s4R').hide();\r\n              jQuery('#s4Zu').hide();\r\n              jQuery('#s4ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s4FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s4R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s4Zu').hide();\r\n              jQuery('#s4ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/masia\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s4').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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('.s4').spritespin('api').data.reverse=!jQuery('.s4').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('#s4Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s4Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s4ZR'), \/\/.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('#s4ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s4').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('.s4').spritespin('api').data.reverse=!jQuery('.s4').spritespin('api').data.reverse;\r\n                       jQuery('.s4').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('.s4').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('#s4ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s4Zu').on('click', function() { \r\n                mtx = jQuery('#s4S').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('.s4').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('#s4ZR').on('click', function() { \r\n                mtx = jQuery('#s4S').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('.s4').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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bdd353 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9bdd353\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f45e20\" data-id=\"1f45e20\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-296178b elementor-widget elementor-widget-heading\" data-id=\"296178b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Siena 1339<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08ecc3c elementor-widget elementor-widget-shortcode\" data-id=\"08ecc3c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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='s5R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s5Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s5ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s5Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s5FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s5S' class='s5' 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:\/\/enrique-ferrer.es\/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('#s5Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s5FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s5').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('.s5').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s5FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s5FS').hide();}\r\n           jQuery('#s5R').click(function(e){ \/\/ console.log('s5');\r\n           jQuery('.s5').spritespin('api').data.reverse=!jQuery('.s5').spritespin('api').data.reverse;jQuery('.s5').spritespin('api').startAnimation(); });\r\n           jQuery('#s5R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s5FS').hide();\r\n              jQuery('#s5R').hide();\r\n              jQuery('#s5Zu').hide();\r\n              jQuery('#s5ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s5FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s5R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s5Zu').hide();\r\n              jQuery('#s5ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/siena\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s5').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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('.s5').spritespin('api').data.reverse=!jQuery('.s5').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('#s5Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s5Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s5ZR'), \/\/.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('#s5ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s5').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('.s5').spritespin('api').data.reverse=!jQuery('.s5').spritespin('api').data.reverse;\r\n                       jQuery('.s5').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('.s5').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('#s5ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s5Zu').on('click', function() { \r\n                mtx = jQuery('#s5S').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('.s5').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('#s5ZR').on('click', function() { \r\n                mtx = jQuery('#s5S').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('.s5').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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b196f2f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b196f2f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-675fea2\" data-id=\"675fea2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f9d4cd elementor-widget elementor-widget-heading\" data-id=\"2f9d4cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Vitebsk 1915<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d35ec elementor-widget elementor-widget-shortcode\" data-id=\"97d35ec\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\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='s6R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s6Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s6ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s6Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s6FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s6S' class='s6' 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:\/\/enrique-ferrer.es\/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('#s6Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s6FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s6').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('.s6').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s6FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s6FS').hide();}\r\n           jQuery('#s6R').click(function(e){ \/\/ console.log('s6');\r\n           jQuery('.s6').spritespin('api').data.reverse=!jQuery('.s6').spritespin('api').data.reverse;jQuery('.s6').spritespin('api').startAnimation(); });\r\n           jQuery('#s6R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s6FS').hide();\r\n              jQuery('#s6R').hide();\r\n              jQuery('#s6Zu').hide();\r\n              jQuery('#s6ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s6FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s6R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s6Zu').hide();\r\n              jQuery('#s6ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/chagall\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s6').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, 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('.s6').spritespin('api').data.reverse=!jQuery('.s6').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('#s6Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s6Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s6ZR'), \/\/.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('#s6ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s6').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('.s6').spritespin('api').data.reverse=!jQuery('.s6').spritespin('api').data.reverse;\r\n                       jQuery('.s6').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('.s6').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('#s6ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s6Zu').on('click', function() { \r\n                mtx = jQuery('#s6S').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('.s6').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('#s6ZR').on('click', function() { \r\n                mtx = jQuery('#s6S').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('.s6').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    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Arles 1888 El Escorial 1656 &#8211; 1957 Horta del Ebro 1909 Montroig 1919 Siena 1339 Vitebsk 1915<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":28,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":31,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/195"}],"up":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/28"}],"wp:attachment":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}