Simple Slideshow for WordPress<\/title>\n<style>\n .slideshow-container {\n max-width: 1000px;\n position: relative;\n margin: auto;\n overflow: hidden;\n border-radius: 8px;\n }\n\n .slides {\n display: none;\n width: 100%;\n }\n\n img {\n width: 100%;\n vertical-align: middle;\n border-radius: 8px;\n }\n\n \/* Next & previous buttons *\/\n .prev, .next {\n cursor: pointer;\n position: absolute;\n top: 50%;\n width: auto;\n padding: 12px;\n margin-top: -22px;\n color: white;\n font-weight: bold;\n font-size: 18px;\n border-radius: 0 8px 8px 0;\n user-select: none;\n background-color: rgba(0,0,0,0.5);\n transition: background-color 0.3s;\n }\n\n .next {\n right: 0;\n border-radius: 8px 0 0 8px;\n }\n\n .prev:hover, .next:hover {\n background-color: rgba(0,0,0,0.8);\n }\n\n \/* Caption text *\/\n .caption {\n color: #f2f2f2;\n font-size: 16px;\n padding: 8px 12px;\n position: absolute;\n bottom: 12px;\n width: 100%;\n text-align: center;\n background-color: rgba(0,0,0,0.4);\n border-radius: 0 0 8px 8px;\n }\n\n \/* Dots\/bullets *\/\n .dots-container {\n text-align: center;\n padding: 12px 0;\n }\n\n .dot {\n cursor: pointer;\n height: 20px;\n width: 20px;\n margin: 0 5px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n transition: background-color 0.3s;\n }\n\n .active, .dot:hover {\n background-color: #717171;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"slideshow-container\">\n\n <div class=\"slides fade\">\n <img decoding=\"async\" src=\"https:\/\/icast.fst.unpatti.ac.id\/wp-content\/uploads\/2025\/07\/GAMBAR-UNPATTI.png?auto=compress&cs=tinysrgb&h=400\" alt=\"Nature 1\" \/>\n <div class=\"caption\">Picture 1<\/div>\n <\/div>\n\n <div class=\"slides fade\">\n <img decoding=\"async\" src=\"https:\/\/icast.fst.unpatti.ac.id\/wp-content\/uploads\/2025\/07\/GAMBAR-UNPATTI.png?auto=compress&cs=tinysrgb&h=400\" alt=\"Nature 2\" \/>\n <div class=\"caption\">Picture 2<\/div>\n <\/div>\n\n \n <a class=\"prev\" onclick=\"changeSlide(-1)\">❮<\/a>\n <a class=\"next\" onclick=\"changeSlide(1)\">❯<\/a>\n<\/div>\n\n\n<div class=\"dots-container\">\n <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span> \n <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span> \n <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span> \n<\/div>\n\n<script>\n let slideIndex = 1;\n showSlides(slideIndex);\n\n \/\/ Next\/previous controls\n function changeSlide(n) {\n showSlides(slideIndex += n);\n }\n\n \/\/ Thumbnail image controls\n function currentSlide(n) {\n showSlides(slideIndex = n);\n }\n\n function showSlides(n) {\n let i;\n let slides = document.getElementsByClassName(\"slides\");\n let dots = document.getElementsByClassName(\"dot\");\n if (n > slides.length) { slideIndex = 1; }\n if (n < 1) { slideIndex = slides.length; }\n for (i = 0; i < slides.length; i++) {\n slides[i].style.display = \"none\"; \n }\n for (i = 0; i < dots.length; i++) {\n dots[i].className = dots[i].className.replace(\" active\", \"\");\n }\n slides[slideIndex-1].style.display = \"block\"; \n dots[slideIndex-1].className += \" active\";\n }\n\n \/\/ Optional: Auto slideshow every 5 seconds\n setInterval(() => {\n changeSlide(1);\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Conference Location<\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Simple Slideshow for WordPress Picture 1 Picture 2 ❮ ❯ Conference Location<\/p>\n","protected":false},"author":1,"featured_media":861,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-480","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":21,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480\/revisions"}],"predecessor-version":[{"id":1581,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480\/revisions\/1581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/media\/861"}],"wp:attachment":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":480,"date":"2025-04-29T12:43:16","date_gmt":"2025-04-29T12:43:16","guid":{"rendered":"https:\/\/icast.fst.unpatti.ac.id\/?page_id=480"},"modified":"2025-07-24T05:16:02","modified_gmt":"2025-07-24T05:16:02","slug":"gallery-conference","status":"publish","type":"page","link":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/gallery-conference\/","title":{"rendered":"Gallery Conference"},"content":{"rendered":"\n\n\n\n\n\nSimple Slideshow for WordPress<\/title>\n<style>\n .slideshow-container {\n max-width: 1000px;\n position: relative;\n margin: auto;\n overflow: hidden;\n border-radius: 8px;\n }\n\n .slides {\n display: none;\n width: 100%;\n }\n\n img {\n width: 100%;\n vertical-align: middle;\n border-radius: 8px;\n }\n\n \/* Next & previous buttons *\/\n .prev, .next {\n cursor: pointer;\n position: absolute;\n top: 50%;\n width: auto;\n padding: 12px;\n margin-top: -22px;\n color: white;\n font-weight: bold;\n font-size: 18px;\n border-radius: 0 8px 8px 0;\n user-select: none;\n background-color: rgba(0,0,0,0.5);\n transition: background-color 0.3s;\n }\n\n .next {\n right: 0;\n border-radius: 8px 0 0 8px;\n }\n\n .prev:hover, .next:hover {\n background-color: rgba(0,0,0,0.8);\n }\n\n \/* Caption text *\/\n .caption {\n color: #f2f2f2;\n font-size: 16px;\n padding: 8px 12px;\n position: absolute;\n bottom: 12px;\n width: 100%;\n text-align: center;\n background-color: rgba(0,0,0,0.4);\n border-radius: 0 0 8px 8px;\n }\n\n \/* Dots\/bullets *\/\n .dots-container {\n text-align: center;\n padding: 12px 0;\n }\n\n .dot {\n cursor: pointer;\n height: 20px;\n width: 20px;\n margin: 0 5px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n transition: background-color 0.3s;\n }\n\n .active, .dot:hover {\n background-color: #717171;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"slideshow-container\">\n\n <div class=\"slides fade\">\n <img decoding=\"async\" src=\"https:\/\/icast.fst.unpatti.ac.id\/wp-content\/uploads\/2025\/07\/GAMBAR-UNPATTI.png?auto=compress&cs=tinysrgb&h=400\" alt=\"Nature 1\" \/>\n <div class=\"caption\">Picture 1<\/div>\n <\/div>\n\n <div class=\"slides fade\">\n <img decoding=\"async\" src=\"https:\/\/icast.fst.unpatti.ac.id\/wp-content\/uploads\/2025\/07\/GAMBAR-UNPATTI.png?auto=compress&cs=tinysrgb&h=400\" alt=\"Nature 2\" \/>\n <div class=\"caption\">Picture 2<\/div>\n <\/div>\n\n \n <a class=\"prev\" onclick=\"changeSlide(-1)\">❮<\/a>\n <a class=\"next\" onclick=\"changeSlide(1)\">❯<\/a>\n<\/div>\n\n\n<div class=\"dots-container\">\n <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span> \n <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span> \n <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span> \n<\/div>\n\n<script>\n let slideIndex = 1;\n showSlides(slideIndex);\n\n \/\/ Next\/previous controls\n function changeSlide(n) {\n showSlides(slideIndex += n);\n }\n\n \/\/ Thumbnail image controls\n function currentSlide(n) {\n showSlides(slideIndex = n);\n }\n\n function showSlides(n) {\n let i;\n let slides = document.getElementsByClassName(\"slides\");\n let dots = document.getElementsByClassName(\"dot\");\n if (n > slides.length) { slideIndex = 1; }\n if (n < 1) { slideIndex = slides.length; }\n for (i = 0; i < slides.length; i++) {\n slides[i].style.display = \"none\"; \n }\n for (i = 0; i < dots.length; i++) {\n dots[i].className = dots[i].className.replace(\" active\", \"\");\n }\n slides[slideIndex-1].style.display = \"block\"; \n dots[slideIndex-1].className += \" active\";\n }\n\n \/\/ Optional: Auto slideshow every 5 seconds\n setInterval(() => {\n changeSlide(1);\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Conference Location<\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Simple Slideshow for WordPress Picture 1 Picture 2 ❮ ❯ Conference Location<\/p>\n","protected":false},"author":1,"featured_media":861,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-480","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":21,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480\/revisions"}],"predecessor-version":[{"id":1581,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/480\/revisions\/1581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/media\/861"}],"wp:attachment":[{"href":"https:\/\/icast.fst.unpatti.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}