{"id":5857,"date":"2021-01-11T16:05:47","date_gmt":"2021-01-11T14:05:47","guid":{"rendered":"https:\/\/www.eklandstone.com\/slide-anything-popup-preview\/"},"modified":"2026-04-13T10:52:10","modified_gmt":"2026-04-13T07:52:10","slug":"slide-anything-popup-preview","status":"publish","type":"page","link":"https:\/\/www.eklandstone.com\/fi\/slide-anything-popup-preview\/","title":{"rendered":"Slide Anything Popup Preview"},"content":{"rendered":"<div class='white' style='background:rgb(255, 255, 255); border:solid 0px rgb(255, 255, 255); border-radius:0px; padding:10px 7px 10px 7px;'>\n<div id='sample_slider' class='owl-carousel sa_owl_theme owl-pagination-true' data-slider-id='sample_slider' style='visibility:hidden;'>\n<div id='sample_slider_slide01' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2026\/04\/Summora-Palace.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/private-residence-xiamen\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Yksityisasunto<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<div id='sample_slider_slide02' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2026\/04\/Yongyin-Minglu-1.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/high-end-residential\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Asuinrakennus<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<div id='sample_slider_slide03' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2026\/01\/Office-Building-CH-1.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/office-building-zurich\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Toimistorakennus<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<div id='sample_slider_slide04' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2020\/10\/01-Tuusula.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/fi\/yksityiskoti-tuusula\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Yksityiskoti<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<div id='sample_slider_slide05' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2020\/10\/1-Facade.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/fi\/noblessner-tallinna\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Noblessnerin satama<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<div id='sample_slider_slide06' class='sa_hover_container sa_vert_center_wrap' style='padding:30% 0%; margin:0px 0%; background-image:url(&quot;https:\/\/www.eklandstone.com\/wp-content\/uploads\/2020\/09\/1.-Art-Priory.jpg&quot;); background-position:left top; background-size:cover; background-repeat:no-repeat; background-color:rgb(255, 255, 255); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/www.eklandstone.com\/fi\/art-priori-ravintola\/' target='_self' title='' aria-label=''><\/a><\/div>\n<div class='sa_vert_center'><h2 style=\"text-align: center;color: white\">Art Priori<\/h2>\r\n<div style=\"text-align: center\"><button style=\"font-size: 14px;text-align: center;color: white;border: 2px solid white;padding: 6px 9px;background: none\">Kohteet<\/button><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<script type='text\/javascript'>\n\tjQuery(document).ready(function() {\n\t\tjQuery('#sample_slider').owlCarousel({\n\t\t\tresponsive:{\n\t\t\t\t0:{ items:1 },\n\t\t\t\t480:{ items:2 },\n\t\t\t\t768:{ items:2 },\n\t\t\t\t980:{ items:3 },\n\t\t\t\t1200:{ items:3 },\n\t\t\t\t1500:{ items:3 }\n\t\t\t},\n\t\t\tautoplay : true,\n\t\t\tautoplayTimeout : 6500,\n\t\t\tautoplayHoverPause : true,\n\t\t\tsmartSpeed : 300,\n\t\t\tfluidSpeed : 300,\n\t\t\tautoplaySpeed : 300,\n\t\t\tnavSpeed : 300,\n\t\t\tdotsSpeed : 300,\n\t\t\tdotsEach : 1,\n\t\t\tloop : true,\n\t\t\tnav : true,\n\t\t\tnavText : ['Previous','Next'],\n\t\t\tdots : true,\n\t\t\tresponsiveRefreshRate : 200,\n\t\t\tslideBy : 1,\n\t\t\tmergeFit : true,\n\t\t\tautoHeight : false,\n\t\t\tmouseDrag : true,\n\t\t\ttouchDrag : true\n\t\t});\n\t\tjQuery('#sample_slider').css('visibility', 'visible');\n\t\tsa_resize_sample_slider();\n\t\twindow.addEventListener('resize', sa_resize_sample_slider);\n\t\tfunction sa_resize_sample_slider() {\n\t\t\tvar min_height = 'aspect43';\n\t\t\tvar win_width = jQuery(window).width();\n\t\t\tvar slider_width = jQuery('#sample_slider').width();\n\t\t\tif (win_width < 480) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 768) {\n\t\t\t\tvar slide_width = slider_width \/ 2;\n\t\t\t} else if (win_width < 980) {\n\t\t\t\tvar slide_width = slider_width \/ 2;\n\t\t\t} else if (win_width < 1200) {\n\t\t\t\tvar slide_width = slider_width \/ 3;\n\t\t\t} else if (win_width < 1500) {\n\t\t\t\tvar slide_width = slider_width \/ 3;\n\t\t\t} else {\n\t\t\t\tvar slide_width = slider_width \/ 3;\n\t\t\t}\n\t\t\tslide_width = Math.round(slide_width);\n\t\t\tvar slide_height = '0';\n\t\t\tif (min_height == 'aspect43') {\n\t\t\t\tslide_height = (slide_width \/ 4) * 3;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else if (min_height == 'aspect169') {\n\t\t\t\tslide_height = (slide_width \/ 16) * 9;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else {\n\t\t\t\tslide_height = (slide_width \/ 100) * min_height;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t}\n\t\t\tjQuery('#sample_slider .owl-item .sa_hover_container').css('min-height', slide_height+'px');\n\t\t}\n\t\tvar owl_goto = jQuery('#sample_slider');\n\t\tjQuery('.sample_slider_goto1').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 0);\n\t\t});\n\t\tjQuery('.sample_slider_goto2').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 1);\n\t\t});\n\t\tjQuery('.sample_slider_goto3').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 2);\n\t\t});\n\t\tjQuery('.sample_slider_goto4').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 3);\n\t\t});\n\t\tjQuery('.sample_slider_goto5').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 4);\n\t\t});\n\t\tjQuery('.sample_slider_goto6').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 5);\n\t\t});\n\t\tvar resize_4056 = jQuery('.owl-carousel');\n\t\tresize_4056.on('initialized.owl.carousel', function(e) {\n\t\t\tif (typeof(Event) === 'function') {\n\t\t\t\twindow.dispatchEvent(new Event('resize'));\n\t\t\t} else {\n\t\t\t\tvar evt = window.document.createEvent('UIEvents');\n\t\t\t\tevt.initUIEvent('resize', true, false, window, 0);\n\t\t\t\twindow.dispatchEvent(evt);\n\t\t\t}\n\t\t});\n\t});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":9999,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/pages\/5857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/comments?post=5857"}],"version-history":[{"count":1,"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/pages\/5857\/revisions"}],"predecessor-version":[{"id":5858,"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/pages\/5857\/revisions\/5858"}],"wp:attachment":[{"href":"https:\/\/www.eklandstone.com\/fi\/wp-json\/wp\/v2\/media?parent=5857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}