{"id":30487,"date":"2024-09-19T04:56:42","date_gmt":"2024-09-19T04:56:42","guid":{"rendered":"https:\/\/boi4u.com\/thumbnail-gallery-with-autoplay\/"},"modified":"2024-09-19T04:56:42","modified_gmt":"2024-09-19T04:56:42","slug":"thumbnail-gallery-with-autoplay","status":"publish","type":"page","link":"https:\/\/boi4u.com\/zh\/thumbnail-gallery-with-autoplay\/","title":{"rendered":"Thumbnail Gallery with Autoplay"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"30487\" class=\"elementor elementor-30487\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f08fe5 e-flex e-con-boxed e-con e-parent\" data-id=\"5f08fe5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-293d4ef e-con-full e-flex e-con e-child\" data-id=\"293d4ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-086c437 e-con-full e-flex e-con e-child\" data-id=\"086c437\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-e127b95 elementor-widget elementor-widget-ucaddon_uc_image_default_theme\" data-id=\"e127b95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"ucaddon_uc_image_default_theme.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Thumbnail Gallery -->\n\t\t<link id='font-awesome-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='unitegallery-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/unitegallery\/css\/unite-gallery.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='fancybox-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_ug_theme_default_css_3038-css' href='https:\/\/boi4u.com\/wp-content\/uploads\/ac_assets\/uc_image_default_theme\/ug-theme-default.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Thumbnail Gallery *\/\n\n#uc_uc_image_default_theme_elementor_e127b95-wrapper{\n  min-height: 1px;\n}\n\n#uc_uc_image_default_theme_elementor_e127b95{  \n  margin:0 auto;\n  display: none;\n}\n\n\/* protections *\/\n#uc_uc_image_default_theme_elementor_e127b95 .ug-zoompanel.ug-skin-default .ug-zoompanel-button:first-child{\n  margin-top: 0;\n}\n\/* end protections *\/\n\n\/* fancybox *\/\n\/* endfancybox *\/\n\n<\/style>\n\n<div id=\"uc_uc_image_default_theme_elementor_e127b95-wrapper\">\n  <div id=\"uc_uc_image_default_theme_elementor_e127b95\" class=\"uc-items-wrapper  uc-remote-parent\"  data-remoteid='auto' data-widgetname='Thumbnail Gallery' data-remote-type=\"gallery\" data-custom-sethtml=\"true\" >\n    \n<img decoding=\"async\" alt=\"2151695307\"\n   src=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151695307-768x512.jpg\"\n    data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151695307-1024x683.jpg\"\n    data-title=\"2151695307\">\n\n<img decoding=\"async\" alt=\"2151005272\"\n   src=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151005272-768x512.jpg\"\n    data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151005272-1024x683.jpg\"\n    data-title=\"2151005272\">\n\n<img decoding=\"async\" alt=\"2151241011\"\n   src=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151241011-768x512.jpg\"\n    data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/2151241011-1024x683.jpg\"\n    data-title=\"2151241011\">\n\n<img decoding=\"async\" alt=\"21261\"\n   src=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/21261-768x431.jpg\"\n    data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/21261-1024x574.jpg\"\n    data-title=\"21261\">\n\n<img decoding=\"async\" alt=\"fluid-painting-forming-woman-face-with-eyes-closed\"\n   src=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/fluid-painting-forming-woman-face-with-eyes-closed-768x430.jpg\"\n    data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/unlimited_elements\/fluid-painting-forming-woman-face-with-eyes-closed-1024x574.jpg\"\n    data-title=\"fluid-painting-forming-woman-face-with-eyes-closed\">\n\n  <\/div>\n<\/div>\n<!-- end Thumbnail Gallery -->\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-5e17d07 e-con-full e-flex e-con e-child\" data-id=\"5e17d07\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-ff1d6de elementor-widget elementor-widget-heading\" data-id=\"ff1d6de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" 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\">Unleashing the power of AI creativity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-24c097c elementor-widget elementor-widget-text-editor\" data-id=\"24c097c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Step into a realm where artificial intelligence transforms imagination into breathtaking visuals. Each image is a blend of technology and artistry, offering a new way to see the unseen and dream the impossible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-a7aa6cf elementor-widget elementor-widget-ucaddon_gradient_border_button\" data-id=\"a7aa6cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"ucaddon_gradient_border_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Gradient Border Button -->\n<style>\/* widget: Gradient Border Button *\/\n\n#uc_gradient_border_button_elementor_a7aa6cf {\n    display: flex;\n    align-items: center;\n}\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border .ue-gradient-border-content .ue-txt {\n  \t\tz-index: 2;\n        position:relative;\n}\n\n    @supports ((-webkit-background-clip: text) or (background-clip: text)) and ((-webkit-text-fill-color: transparent) or (text-fill-color: transparent)) {\n        #uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border .ue-gradient-border-content .ue-txt {\n            background: linear-gradient(90deg, #FF27C2, #15DAFF);\n            background-size: cover;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-fill-color: transparent;\n            \n        }\n\n        #uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border:hover .ue-gradient-border-content .ue-txt {\n            background: linear-gradient(90deg, #FFFFFF, #FFFFFF);\n            background-size: cover;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-fill-color: transparent;\n        }\n    }\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border .ue-gradient-border-icon {\n  \t\tz-index: 2;\n        position:relative;\n}\n    #uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border .ue-gradient-border-icon i {\n        color: #e55f5f;\n    }\n\n    #uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border:hover .ue-gradient-border-icon i  {\n        color: #e55f5f;\n    }\n\n\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border {\n    position: relative;\n    display: inline-block;\n    z-index: 0;\n}\n\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border-content {\n    background:\n                            linear-gradient(90deg, #090051, #090051) padding-box,\n                linear-gradient(90deg, #FF27C2, #15DAFF, #FF27C2, #15DAFF, #FF27C2, #15DAFF) border-box;\n    border: 2px solid transparent;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    position:relative;\n    overflow:hidden;\n    background-size:450%;\n    background-position:0%;\n\ttransition: background-position 0.5s ease; \n    }\n\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border-content:hover {\n        background:\n                            linear-gradient(90deg, #090051, #090051) padding-box,\n                linear-gradient(90deg, #FF27C2, #15DAFF, #FF27C2, #15DAFF, #FF27C2, #15DAFF) border-box;\n    border: 2px solid transparent;\n        background-size:450%;\n        background-position: 0%; \n        \t\t\n}\n#uc_gradient_border_button_elementor_a7aa6cf .ue-grad-hover\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:0;\n        background:\n                            linear-gradient(90deg, #FF27C2, #15DAFF);\n        \t\topacity:0;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_a7aa6cf .ue-grad-normal\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:1;\n        background:\n                            linear-gradient(90deg, #090051, #090051);\n        \t\topacity:1;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border:hover .ue-grad-hover\n{\n        opacity:1;\n        \n}\n#uc_gradient_border_button_elementor_a7aa6cf .ue-gradient-border:hover .ue-grad-normal\n{\n        opacity:0;\n}\n@keyframes moveBackAndForth {\n    0% {\n        background-position: 0%;\n    }\n    50% {\n        background-position: 100%;\n    }\n    100% {\n        background-position: 0%;\n    }\n}\n\n\n<\/style>\n\n<div class=\"ue-grad-btn-wrapper\" id=\"uc_gradient_border_button_elementor_a7aa6cf\">\n  <a  class=\"ue-gradient-border\" href=\"\" >\n        <div class=\"ue-gradient-border-content\" >\n      <div class=\"ue-grad-normal\"><\/div>\n      <div class=\"ue-grad-hover\"><\/div>\n            <span class=\"ue-txt\">Explore Full Gallery<\/span>\n    <\/div>\n    \n  <\/a>\n<\/div>\n<!-- end Gradient Border Button -->\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b145db9 e-flex e-con-boxed e-con e-parent\" data-id=\"b145db9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>From Pixels To Possibilities, Imagination Comes Alive Unleashing the power of AI creativity Step into a realm where artificial intelligence transforms imagination into breathtaking visuals. Each image is a blend of technology and artistry, offering a new way to see the unseen and dream the impossible. Explore Full Gallery<\/p>","protected":false},"author":1,"featured_media":30486,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-30487","page","type-page","status-publish","has-post-thumbnail","hentry","pmpro-has-access","streamit-go-back"],"acf":[],"_links":{"self":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/comments?post=30487"}],"version-history":[{"count":0,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media\/30486"}],"wp:attachment":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media?parent=30487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}