{"id":12905,"date":"2020-07-20T15:07:51","date_gmt":"2020-07-20T07:07:51","guid":{"rendered":"https:\/\/muzenart.com\/?page_id=12905"},"modified":"2021-05-17T11:44:26","modified_gmt":"2021-05-17T03:44:26","slug":"slide-anything-popup-preview","status":"publish","type":"page","link":"https:\/\/muzenart.com\/?page_id=12905","title":{"rendered":"Slide Anything Popup Preview"},"content":{"rendered":"<div class='white' style='background:#fafafa; border:solid 1px #f0f0f0; border-radius:5px; padding:8px 8px 8px 8px;'>\n<div id='sample_slider' class='owl-carousel sa_owl_theme owl-pagination-true autohide-arrows' data-slider-id='sample_slider' style='visibility:hidden;'>\n<div id='sample_slider_slide01' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:rgb(0, 0, 0); '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/muzenart.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2020\/07\/rexford_cn_V2.mp4' target='_self' title='' aria-label=''><\/a><\/div>\n<div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div>\u00a0<\/div>\r\n<p>&nbsp;<\/p>\r\n<\/div><\/div>\n<div id='sample_slider_slide08' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#ead1dc; '><div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div><img decoding=\"async\" src=\"https:\/\/muzenart.com\/wp-content\/plugins\/slide-anything\/images\/sample_logo8.png\" alt=\"Logo 8\" \/><\/div>\r\n<h3>Company Name<\/h3>\r\n<p>Lorem ipsum dolor sit amet, cu usu cibo vituperata, id ius probo maiestatis inciderint, sit eu vide volutpat.<\/p>\r\n<\/div><\/div>\n<div id='sample_slider_slide07' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#d9d2e9; '><div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div><img decoding=\"async\" src=\"https:\/\/muzenart.com\/wp-content\/plugins\/slide-anything\/images\/sample_logo7.png\" alt=\"Logo 7\" \/><\/div>\r\n<h3>Company Name<\/h3>\r\n<p>Lorem ipsum dolor sit amet, cu usu cibo vituperata, id ius probo maiestatis inciderint, sit eu vide volutpat.<\/p>\r\n<\/div><\/div>\n<div id='sample_slider_slide03' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#fce5cd; '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/muzenart.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2020\/07\/\u54e5\u5e03\u6797\u6298\u5200\u7b2c\u4e09\u7248-\u65e0\u6c34\u5370.m4v' target='_self' title='' aria-label=''><\/a><\/div>\n<\/div>\n<div id='sample_slider_slide05' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#fff2cc; '><div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div><img decoding=\"async\" src=\"https:\/\/muzenart.com\/wp-content\/plugins\/slide-anything\/images\/sample_logo5.png\" alt=\"Logo 5\" \/><\/div>\r\n<h3>Company Name<\/h3>\r\n<p>Lorem ipsum dolor sit amet, cu usu cibo vituperata, id ius probo maiestatis inciderint, sit eu vide volutpat.<\/p>\r\n<\/div><\/div>\n<div id='sample_slider_slide02' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#d9ead3; '><div class='sa_hover_buttons' style='top:50%; left:50%; margin-top:-20px; margin-left:-20px;'><a class='sa_slide_link_icon' href='https:\/\/muzenart.oss-cn-shenzhen.aliyuncs.com\/wp-content\/uploads\/2020\/07\/\u5929\u9e70\u7389\u5ea7v3.mp4' target='_self' title='' aria-label=''><\/a><\/div>\n<\/div>\n<div id='sample_slider_slide06' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#cfe2f3; '><div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div><img decoding=\"async\" src=\"https:\/\/muzenart.com\/wp-content\/plugins\/slide-anything\/images\/sample_logo6.png\" alt=\"Logo 6\" \/><\/div>\r\n<h3>Company Name<\/h3>\r\n<p>Lorem ipsum dolor sit amet, cu usu cibo vituperata, id ius probo maiestatis inciderint, sit eu vide volutpat.<\/p>\r\n<\/div><\/div>\n<div id='sample_slider_slide04' class='sa_hover_container' style='padding:5% 5%; margin:0px 0%; background-color:#d0e0e3; '><div style=\"text-align: center; padding-bottom: 10px;\">\r\n<div><img decoding=\"async\" src=\"https:\/\/muzenart.com\/wp-content\/plugins\/slide-anything\/images\/sample_logo4.png\" alt=\"Logo 4\" \/><\/div>\r\n<h3>Company Name<\/h3>\r\n<p>Lorem ipsum dolor sit amet, cu usu cibo vituperata, id ius probo maiestatis inciderint, sit eu vide volutpat.<\/p>\r\n<\/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:3 },\n\t\t\t\t980:{ items:4 },\n\t\t\t\t1200:{ items:4 },\n\t\t\t\t1500:{ items:4 }\n\t\t\t},\n\t\t\tautoplay : true,\n\t\t\tautoplayTimeout : 4000,\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\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 : true,\n\t\t\tmouseDrag : false,\n\t\t\ttouchDrag : false\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 = '50';\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 \/ 3;\n\t\t\t} else if (win_width < 1200) {\n\t\t\t\tvar slide_width = slider_width \/ 4;\n\t\t\t} else if (win_width < 1500) {\n\t\t\t\tvar slide_width = slider_width \/ 4;\n\t\t\t} else {\n\t\t\t\tvar slide_width = slider_width \/ 4;\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\tjQuery('.sample_slider_goto7').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 6);\n\t\t});\n\t\tjQuery('.sample_slider_goto8').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 7);\n\t\t});\n\t\tvar resize_12903 = jQuery('.owl-carousel');\n\t\tresize_12903.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":1,"featured_media":0,"parent":0,"menu_order":9999,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","footnotes":""},"class_list":["post-12905","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/pages\/12905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muzenart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12905"}],"version-history":[{"count":3,"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/pages\/12905\/revisions"}],"predecessor-version":[{"id":26324,"href":"https:\/\/muzenart.com\/index.php?rest_route=\/wp\/v2\/pages\/12905\/revisions\/26324"}],"wp:attachment":[{"href":"https:\/\/muzenart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}