{"id":3449,"date":"2025-09-29T06:44:26","date_gmt":"2025-09-29T06:44:26","guid":{"rendered":"https:\/\/stellarkiwii.com\/?page_id=3449"},"modified":"2025-11-07T15:13:05","modified_gmt":"2025-11-07T15:13:05","slug":"sample3","status":"publish","type":"page","link":"https:\/\/stellarkiwii.com\/index.php\/sample3\/","title":{"rendered":"sample3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3449\" class=\"elementor elementor-3449\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-67c9083 e-con-full hero e-flex e-con e-parent\" data-id=\"67c9083\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6b8ea9 elementor-widget elementor-widget-heading\" data-id=\"a6b8ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79e0921 elementor-widget elementor-widget-html\" data-id=\"79e0921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nwindow.addEventListener(\"load\", function () {\r\nlet container = document.querySelector(\".hero\");\r\ncontainer.style.setProperty(\"--mask-opacity\", \"0\");\r\n\r\nsetTimeout(() => {\r\ncontainer.style.setProperty(\"--mask-opacity\", \"1\");\r\n}, 500); \/\/ Delay the reveal effect\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-44c2890 e-flex e-con-boxed e-con e-parent\" data-id=\"44c2890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-22e4f9dd e-flex e-con-boxed e-con e-parent\" data-id=\"22e4f9dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-758baeb6 elementor-widget elementor-widget-heading\" data-id=\"758baeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Image Change<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-183184aa mainBg e-con-full e-flex e-con e-parent\" data-id=\"183184aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2ee2e790 e-con-full column1 e-flex e-con e-child\" data-id=\"2ee2e790\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-547de44f e-con-full column2 e-flex e-con e-child\" data-id=\"547de44f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41f3997a e-con-full column3 e-flex e-con e-child\" data-id=\"41f3997a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27087826 e-con-full column4 e-flex e-con e-child\" data-id=\"27087826\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-5efb2c56 e-flex e-con-boxed e-con e-parent\" data-id=\"5efb2c56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3fcf9f elementor-widget elementor-widget-heading\" data-id=\"1a3fcf9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stays on Hover State<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-254be2d5 mainImage e-con-full e-flex e-con e-parent\" data-id=\"254be2d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-388decba e-con-full box1 e-flex e-con e-child\" data-id=\"388decba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46e3e50d e-con-full box2 e-flex e-con e-child\" data-id=\"46e3e50d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fe63aa1 e-con-full box3 e-flex e-con e-child\" data-id=\"1fe63aa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d3cfa92 e-con-full box4 e-flex e-con e-child\" data-id=\"7d3cfa92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1daa0651 elementor-widget elementor-widget-html\" data-id=\"1daa0651\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \r\n.mainImage {\r\n    \r\n    background-image: url('http:\/\/dmmotionarts.com\/wp-content\/uploads\/2023\/05\/kalen-emsley-UqyHjOgYxYY-unsplash.jpg');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    transition: background-image 0.5s;\r\n\r\n    \r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n  const mainImage = document.querySelector(\".mainImage\");\r\n  const boxSelectors = [\".box1\", \".box2\", \".box3\", \".box4\"];\r\n  const hoverImages = [\r\n    \"http:\/\/dmmotionarts.com\/wp-content\/uploads\/2024\/01\/DMmotionarts-Event-Elementor-Template-Free-8.jpg\",\r\n    \"http:\/\/dmmotionarts.com\/wp-content\/uploads\/2024\/01\/DMmotionarts-Event-Elementor-Template-Free-7.jpg\",\r\n    \"http:\/\/dmmotionarts.com\/wp-content\/uploads\/2024\/01\/club1.jpg\",\r\n    \"http:\/\/dmmotionarts.com\/wp-content\/uploads\/2024\/01\/club2.jpg\"\r\n  ];\r\n\r\n  boxSelectors.forEach((selector, index) => {\r\n    const box = document.querySelector(selector);\r\n    box.addEventListener(\"mouseenter\", function() {\r\n      mainImage.style.backgroundImage = `url('${hoverImages[index]}')`;\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-0f156bd e-con-full e-flex e-con e-parent\" data-id=\"0f156bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-37e2f17 e-flex e-con-boxed e-con e-child\" data-id=\"37e2f17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-11b064b e-con-full e-flex e-con e-child\" data-id=\"11b064b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdd1ab mdw-repeat-image elementor-widget elementor-widget-image\" data-id=\"6cdd1ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/03\/LADY-1024x853.png\" class=\"attachment-large size-large wp-image-1974\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe85356 e-con-full e-flex e-con e-child\" data-id=\"fe85356\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad8d3a elementor-widget elementor-widget-image\" data-id=\"4ad8d3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/09\/model-taking-photo-medium-shot-1024x1024.png\" class=\"attachment-large size-large wp-image-3305\" alt=\"\" srcset=\"https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/09\/model-taking-photo-medium-shot-1024x1024.png 1024w, https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/09\/model-taking-photo-medium-shot-300x300.png 300w, https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/09\/model-taking-photo-medium-shot-150x150.png 150w, https:\/\/stellarkiwii.com\/wp-content\/uploads\/2025\/09\/model-taking-photo-medium-shot-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-1946fce e-flex e-con-boxed e-con e-parent\" data-id=\"1946fce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79d5375 elementor-widget elementor-widget-html\" data-id=\"79d5375\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\n\r\nvar $ = jQuery,\r\n    defaultValue = {\r\n        repeat: 4,\r\n        speed: 200,\r\n        squeeze: false\r\n    }\r\n\r\n$(document).ready(function(){\r\n\r\n$('.mdw-repeat-image').each(function(){\r\n    \r\n    var $this = $(this),\r\n    repeat = $this.css('--repeat') ? $this.css('--repeat').trim() : defaultValue.repeat,\r\n    background = $this.find('img').eq(0).attr('src'),\r\n    speed = $this.css('--speed') ? $this.css('--speed') : defaultValue.speed,\r\n    squeeze = $this.css('--squeeze'),\r\n    pause = []\r\n\r\n    if( squeeze ){\r\n    \tif( squeeze.trim() == 'x' ){\r\n    \t\tsqueeze = 'x'\r\n    \t}else if( squeeze.trim() == 'y' ){\r\n    \t\tsqueeze = 'y'\r\n    \t}else{\r\n    \t\tsqueeze = false\r\n    \t}\r\n    }else{\r\n    \tsqueeze = defaultValue.squeeze\r\n    }\r\n\r\n    pause[0] = 2\r\n    \r\n    for(var i = 0; i < repeat; i++){\r\n        $this.find('img').eq(0).after('<span class=\"repeated-image\"><\/span>')\r\n        pause[i+1] = 1\r\n    }\r\n    $this.find('.repeated-image').eq(i-1).after('<span class=\"repeated-image-last\"><\/span>')\r\n\r\n    var images = $this.find('.repeated-image'),\r\n        len = images.length\r\n\r\n\r\n    $this.find('.repeated-image').css('background-image', 'url(' + background + ')' )\r\n    $this.find('.repeated-image-last').css('background-image', 'url(' + background + ')' )\r\n\r\n    var animation = [],\r\n    index = len,\r\n    entranceIndex\r\n\r\n    $this.hover(function(){\r\n        $this.find('.repeated-image-last').addClass('hide')\r\n        entranceIndex = index--\r\n        images.each(function(i){\r\n            clearTimeout(animation[i])\r\n        })\r\n        images.each(function(i){\r\n            var $this2 = $(this)\r\n            if(i > index) return\r\n            animation[i] = setTimeout(function(){\r\n                $({ n: pause[i+1] }).animate({ n: 0 }, {\r\n                    duration: 500,\r\n                    step: function(now, fx) {\r\n                        var x = squeeze == 'x' ? 1 : now,\r\n                        \ty = squeeze == 'y' ? 1 : now\r\n                        $this2.css('transform','scaleX('+x+') scaleY('+y+')')\r\n                        pause[i+1] = now\r\n                    }\r\n                },'linear')\r\n                if(index == 0) {\r\n                    $({ n: pause[i] }).animate({ n: 1 }, {\r\n                        duration: 500,\r\n                        step: function(now, fx) {\r\n                            var x = squeeze == 'x' ? 1 : now,\r\n                        \t\ty = squeeze == 'y' ? 1 : now\r\n                            $this.find('img').eq(0).css('transform','scaleX('+x+') scaleY('+y+')')\r\n                            pause[i] = now\r\n                        }\r\n                    },'linear')\r\n                }\r\n                index--\r\n                \r\n            },speed*(entranceIndex - i - 1))\r\n        \r\n        })\r\n    },function(){\r\n        entranceIndex = index++\r\n        images.each(function(i){\r\n            clearTimeout(animation[i])\r\n        })\r\n        images.each(function(i){\r\n            var $this2 = $(this)\r\n            if(i < index) return\r\n            animation[i] = setTimeout(function(){\r\n                $({ n: pause[i+1] }).animate({ n: 1 }, {\r\n                    duration: 500,\r\n                    step: function(now, fx) {\r\n                        var x = squeeze == 'x' ? 1 : now,\r\n                        \ty = squeeze == 'y' ? 1 : now\r\n                        $this2.css('transform','scaleX('+x+') scaleY('+y+')')\r\n                        pause[i+1] = now\r\n                    }\r\n                },'linear')\r\n                if(index == 0) {\r\n                    $({ n: pause[i] }).animate({ n: 2 }, {\r\n                        duration: 500,\r\n                        step: function(now, fx) {\r\n                            var x = squeeze == 'x' ? 1 : now,\r\n                        \t\ty = squeeze == 'y' ? 1 : now\r\n                            $this.find('img').eq(0).css('transform','scaleX('+x+') scaleY('+y+')')\r\n                            pause[i] = now\r\n                        }\r\n                    },'linear')\r\n                }\r\n                index++\r\n            },speed*(i - entranceIndex - 1))\r\n            \r\n        })\r\n    })\r\n})\r\n})\r\n\r\nfunction imageIssueFix(){\r\n    $('.repeated-image-last').removeClass('hide')\r\n}\r\n\r\n$(window).on('load resize', function(){\r\n    \r\n    $('.mdw-repeat-image').each(function(){\r\n        var radius = $(this).find('img').eq(0).css('border-radius')\r\n        $(this).css('--radius', radius)\r\n    })\r\n    imageIssueFix()\r\n})\r\n\r\n$(window).focus(function(){\r\n    imageIssueFix()\r\n})\r\n$(window).blur(function(){\r\n    imageIssueFix()\r\n})\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-36e39e2 e-flex e-con-boxed e-con e-parent\" data-id=\"36e39e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-21f117a6 e-con-full e-flex e-con e-parent\" data-id=\"21f117a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d38d9b elementor-widget elementor-widget-heading\" data-id=\"42d38d9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1 <br>NO PLUGIN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-17da9bd5 e-con-full container e-flex e-con e-parent\" data-id=\"17da9bd5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7ff1ce73 e-con-full panel e-flex e-con e-child\" data-id=\"7ff1ce73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14d07548 elementor-widget elementor-widget-heading\" data-id=\"14d07548\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55b76128 e-con-full panel e-flex e-con e-child\" data-id=\"55b76128\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-868a603 elementor-widget elementor-widget-heading\" data-id=\"868a603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76997799 e-con-full panel e-flex e-con e-child\" data-id=\"76997799\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2776fe1e elementor-widget elementor-widget-heading\" data-id=\"2776fe1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-607ab331 e-con-full e-flex e-con e-parent\" data-id=\"607ab331\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73377a9a elementor-widget elementor-widget-heading\" data-id=\"73377a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THE END<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-686220a8 e-flex e-con-boxed e-con e-parent\" data-id=\"686220a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c55c7d2 elementor-widget elementor-widget-html\" data-id=\"5c55c7d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.9.1\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.9.1\/ScrollTrigger.min.js\"><\/script>\n\n\n<script>\n\n\ngsap.registerPlugin(ScrollTrigger);\n\n\nlet sections = gsap.utils.toArray(\".panel\");\n\ngsap.to(sections, {\n  xPercent: -100 * (sections.length - 1),\n  ease: \"none\",\n  \n  scrollTrigger: {\n    trigger: \".container\",\n    pin: true,\n    markers:false,\n    scrub: 1,\n    snap: {\n      snapTo: 1 \/ (sections.length - 1),\n      duration: 0.05\n    },\n     end: \"+=4500\",\n  }\n});\n\n\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-5cf2d9d e-flex e-con-boxed e-con e-parent\" data-id=\"5cf2d9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4770d50 elementor-widget elementor-widget-html\" data-id=\"4770d50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \ud83d\uddbc\ufe0f Visitor Upload 3D Gallery -->\r\n<div class=\"upload-section\">\r\n  <label for=\"upload\" class=\"upload-btn\">\ud83d\udcf8 Upload Your Images<\/label>\r\n  <input type=\"file\" id=\"upload\" multiple accept=\"image\/*\">\r\n<\/div>\r\n\r\n<div class=\"gallery-wrapper\">\r\n  <div class=\"gallery-3d\" id=\"preview\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst input = document.getElementById('upload');\r\nconst preview = document.getElementById('preview');\r\n\r\ninput.addEventListener('change', () => {\r\n  const files = Array.from(input.files);\r\n  preview.innerHTML = ''; \/\/ Clear previous images\r\n  if (files.length === 0) return;\r\n\r\n  const count = Math.min(files.length, 12); \/\/ limit to 12 images\r\n  const angleStep = 360 \/ count;\r\n\r\n  files.slice(0, count).forEach((file, i) => {\r\n    const reader = new FileReader();\r\n    reader.onload = e => {\r\n      const fig = document.createElement('figure');\r\n      fig.innerHTML = `<img decoding=\"async\" src=\"${e.target.result}\" alt=\"Uploaded image\">`;\r\n      fig.style.transform = `rotateY(${i * angleStep}deg) translateZ(400px)`;\r\n      preview.appendChild(fig);\r\n    };\r\n    reader.readAsDataURL(file);\r\n  });\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add Your Heading Text Here Image Change Stays on Hover State 1 NO PLUGIN 2 3 4 THE END \ud83d\udcf8 Upload Your Images<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/pages\/3449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/comments?post=3449"}],"version-history":[{"count":50,"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/pages\/3449\/revisions"}],"predecessor-version":[{"id":4060,"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/pages\/3449\/revisions\/4060"}],"wp:attachment":[{"href":"https:\/\/stellarkiwii.com\/index.php\/wp-json\/wp\/v2\/media?parent=3449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}