{"id":441,"date":"2023-03-20T08:37:41","date_gmt":"2023-03-20T08:37:41","guid":{"rendered":"https:\/\/cms.code4rest.com\/wp01\/?page_id=441"},"modified":"2026-02-26T09:23:59","modified_gmt":"2026-02-26T09:23:59","slug":"horizontal-slide","status":"publish","type":"page","link":"https:\/\/cms.code4rest.com\/wp01\/horizontal-slide\/","title":{"rendered":"Image Switcher"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"441\" class=\"elementor elementor-441\">\n\t\t\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-4cd12c7 elementor-section-full_width elementor-section-stretched animated-slow elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"4cd12c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\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-fb2a275\" data-id=\"fb2a275\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c0c975 elementor-widget elementor-widget-ucaddon_content_box_background_switcher\" data-id=\"5c0c975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_content_box_background_switcher.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Background Switcher -->\n<style>\/* widget: Background Switcher *\/\n\n#uc_content_box_background_switcher_elementor_5c0c975 *{\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975 .ue-item-overlay\n{\n  position:absolute;\n  top:0;\n  left:0;\n  right:0;\n  bottom:0;\n  transition:0.3s;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_row{\n\tposition: relative;\n\twidth: 100%;\n\toverflow: hidden;\n\tdisplay: flex;\n    background: #000000;\n    direction:ltr;\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_col{\n\tposition: relative;\n\tz-index: 2;\n    \n    \n          border-right-color:rgba(255, 255, 255, 0.4);\n      border-right-width:1px;\n      border-right-style:solid;\n        \t\n    flex:1;\n    overflow: hidden;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_content{\n\tdisplay: flex;\n\theight: 100%;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\tcolor: #fff;\n    text-align:left;\n    position:relative;\n}\n #uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_title{\n\t\n\ttransition: 500ms;\n\n}\n\n.uc_hover_switcher_title\n{\n  font-size: 21px;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_link{\n\toverflow: hidden;\n\ttransform-origin: bottom;\n\ttransition: 500ms;\n    max-height: 0px;\n  \n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_col:hover .uc_hover_switcher_link{\n    max-height: 500px;\n\toverflow: visible;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975[data-remoteid] .uc_hover_switcher_col.uc_hover .uc_hover_switcher_link,\n#uc_content_box_background_switcher_elementor_5c0c975[data-sync] .uc_hover_switcher_col.uc_hover .uc_hover_switcher_link{\n \tmax-height: 500px;\n\toverflow: visible;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_desc{\n\t\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_button{\n\t\n\tdisplay: inline-block;\n\ttext-decoration: none;\n    text-align:center;\n    \n}\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_background_img img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover;\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_overlay{\t\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\theight: 100%;\n\twidth: 100%;\n\tz-index: 0;\n\toverflow: hidden;\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_overlay{\n\tz-index: 1;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_background_img{\n\tposition: absolute;\n  \n\ttop: 0;\n          left: 0;\n        \t\n\t\n\theight: 100%;\n\twidth: 100%;\n\tz-index: 0;\n\toverflow: hidden;\n\tvisibility: hidden;\n\topacity: 0;\n}\n\n\n\n\n\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_col.uc_hover + .uc_background_img{\n\ttransition-duration: 500ms;\n\topacity: 1;\n\tmargin: 0;\n\tvisibility: visible;\n\ttransform: scale(1.05);\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_background_img:nth-child(2) {\n\ttransition-duration: 500ms;\n\topacity: 1;\n\tmargin: 0;\n\tvisibility: visible;\n\ttransform: scale(1.05);\n}\n#uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_col:last-of-type{\n  \n        border-right: 0px;\n      \n  \t\n}\n\n@media screen and (max-width: 320px) {\n  \n  #uc_content_box_background_switcher_elementor_5c0c975 .uc_hover_switcher_row{\n\n\tdisplay: flex;\n  }\n}\n\n\n\n\n@media screen and (max-width: 320px) {\n\t#uc_content_box_background_switcher_elementor_5c0c975.uc_list_image_background_hover_switcher .uc_hover_switcher_col{ \n     \n        flex:1 0 300px\n    }\n  \n\n  \n  \t#uc_content_box_background_switcher_elementor_5c0c975.uc_list_image_background_hover_switcher .uc_hover_switcher_row{ overflow-x: auto;}\t\n  \t#uc_content_box_background_switcher_elementor_5c0c975.uc_list_image_background_hover_switcher .uc_background_img {\n    \twidth: calc(300px * 4) !important;\n    }\n  \n  \n}\n\n\n\n#uc_content_box_background_switcher_elementor_5c0c975_item1\n{\n  object-position:left top;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975_item1 \n{\n  background-image:url(https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-01.jpg);\n  background-size:cover;\n  background-repeat:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975:hover #uc_content_box_background_switcher_elementor_5c0c975_item1 \n{\n  background-image:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975_item2\n{\n  object-position:left top;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975_item2 \n{\n  background-image:url(https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-02.jpg);\n  background-size:cover;\n  background-repeat:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975:hover #uc_content_box_background_switcher_elementor_5c0c975_item2 \n{\n  background-image:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975_item3\n{\n  object-position:left top;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975_item3 \n{\n  background-image:url(https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-03.jpg);\n  background-size:cover;\n  background-repeat:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975:hover #uc_content_box_background_switcher_elementor_5c0c975_item3 \n{\n  background-image:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975_item4\n{\n  object-position:left top;\n}\n\n\n#uc_content_box_background_switcher_elementor_5c0c975_item4 \n{\n  background-image:url(https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-04.jpg);\n  background-size:cover;\n  background-repeat:none;\n}\n\n#uc_content_box_background_switcher_elementor_5c0c975:hover #uc_content_box_background_switcher_elementor_5c0c975_item4 \n{\n  background-image:none;\n}\n\n\n\n<\/style>\n\n<div class=\"uc_list_image_background_hover_switcher  \" id=\"uc_content_box_background_switcher_elementor_5c0c975\"   data-first-selected=\"true\">\n\t<div class=\"uc_hover_switcher_row uc-items-wrapper\">\n\t\t<div class=\"uc_hover_switcher_col\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item1\">\n  <div class=\"ue-item-overlay\"><\/div>\n  <div class=\"uc_hover_switcher_content\">\n        <div class=\"uc_hover_switcher_link\">\n                <\/div>\n  <\/div>\n<\/div>\n\n<figure class=\"uc_background_img\">\n  <div class=\"uc_hover_switcher_overlay\"><\/div>\n  <img decoding=\"async\" src=\"https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-01.jpg\" alt=\"gallery image-01\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item1\">\n<\/figure>\n<div class=\"uc_hover_switcher_col\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item2\">\n  <div class=\"ue-item-overlay\"><\/div>\n  <div class=\"uc_hover_switcher_content\">\n        <div class=\"uc_hover_switcher_link\">\n                <\/div>\n  <\/div>\n<\/div>\n\n<figure class=\"uc_background_img\">\n  <div class=\"uc_hover_switcher_overlay\"><\/div>\n  <img decoding=\"async\" src=\"https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-02.jpg\" alt=\"gallery image-02\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item2\">\n<\/figure>\n<div class=\"uc_hover_switcher_col\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item3\">\n  <div class=\"ue-item-overlay\"><\/div>\n  <div class=\"uc_hover_switcher_content\">\n        <div class=\"uc_hover_switcher_link\">\n                <\/div>\n  <\/div>\n<\/div>\n\n<figure class=\"uc_background_img\">\n  <div class=\"uc_hover_switcher_overlay\"><\/div>\n  <img decoding=\"async\" src=\"https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-03.jpg\" alt=\"gallery image-03\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item3\">\n<\/figure>\n<div class=\"uc_hover_switcher_col\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item4\">\n  <div class=\"ue-item-overlay\"><\/div>\n  <div class=\"uc_hover_switcher_content\">\n        <div class=\"uc_hover_switcher_link\">\n                <\/div>\n  <\/div>\n<\/div>\n\n<figure class=\"uc_background_img\">\n  <div class=\"uc_hover_switcher_overlay\"><\/div>\n  <img decoding=\"async\" src=\"https:\/\/cms.code4rest.com\/wp01\/wp-content\/uploads\/2025\/02\/gallery-image-04.jpg\" alt=\"gallery image-04\" id=\"uc_content_box_background_switcher_elementor_5c0c975_item4\">\n<\/figure>\n\n\t<\/div>\n\t<div class=\"uc_hover_remote_container uc-items-wrapper2\">\n  \t\t<div class=\"uc_hover_remote_item\">\n  <div class=\"uc_hover_remote_segment\"><\/div>\n<\/div>\n<div class=\"uc_hover_remote_item\">\n  <div class=\"uc_hover_remote_segment\"><\/div>\n<\/div>\n<div class=\"uc_hover_remote_item\">\n  <div class=\"uc_hover_remote_segment\"><\/div>\n<\/div>\n<div class=\"uc_hover_remote_item\">\n  <div class=\"uc_hover_remote_segment\"><\/div>\n<\/div>\n\n  \t<\/div>\n<\/div>\n<!-- end Background Switcher -->\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<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2135,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"default","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-441","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/pages\/441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":20,"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/pages\/441\/revisions"}],"predecessor-version":[{"id":3642,"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/pages\/441\/revisions\/3642"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/media\/2135"}],"wp:attachment":[{"href":"https:\/\/cms.code4rest.com\/wp01\/wp-json\/wp\/v2\/media?parent=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}