{"id":373,"date":"2025-04-18T12:16:01","date_gmt":"2025-04-18T02:16:01","guid":{"rendered":"https:\/\/b.nangsbrisbane.au\/%e9%a6%96%e9%a1%b5\/"},"modified":"2025-06-17T17:25:43","modified_gmt":"2025-06-17T07:25:43","slug":"%e9%a6%96%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/b.nangsbrisbane.au\/zh-hans\/%e9%a6%96%e9%a1%b5\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"373\" class=\"elementor elementor-373\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9f117 e-con-full e-flex e-con e-parent\" data-id=\"4a9f117\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e799a elementor-widget elementor-widget-html\" data-id=\"e0e799a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"banner-slider\">\r\n  <div class=\"slides\">\r\n    <div class=\"slide active\">\r\n        <img decoding=\"async\" src=\"https:\/\/b.nangsbrisbane.au\/wp-content\/uploads\/2025\/04\/banner02.jpg\" alt=\"banner01\" \/>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/b.nangsbrisbane.au\/wp-content\/uploads\/2025\/04\/banner01.png\" alt=\"banner02\" \/>\r\n    <\/div>\r\n    <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/b.nangsbrisbane.au\/wp-content\/uploads\/2025\/04\/banner02.jpg\" alt=\"banner03\" \/>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"pagination\">\r\n    <span class=\"dot active\" data-index=\"0\"><\/span>\r\n    <span class=\"dot\" data-index=\"1\"><\/span>\r\n    <span class=\"dot\" data-index=\"2\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.banner-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin: 0 auto;\r\n}\r\n\r\n.slides {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.slide {\r\n  min-width: 100%;\r\n  background: #eee;\r\n  display: flex;\r\n  \/*align-items: center;*\/\r\n  justify-content: center;\r\n  cursor: grab;\r\n}\r\n.slide img {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n}\r\n\r\n.pagination {\r\n  text-align: center;\r\n  margin-top: 10px;\r\n}\r\n\r\n.dot {\r\n  display: inline-block;\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #ccc;\r\n  border-radius: 50%;\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n  background: #333;\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery(document).ready(function ($) {\r\n        let currentIndex = 0; \/\/ \u5f53\u524d\u4f4d\u7f6e\r\n        const slideCount = $(\".slide\").length; \/\/ \u603b\u5f20\u6570\r\n        let startX = 0;\r\n        let moveX = 0;\r\n        let isDragging = false;\r\n\r\n        const $slides = $(\".slides\");\r\n\r\n        \/\/ \u5207\u6362\u5230\u6307\u5b9a\u4f4d\u7f6e\r\n        function goToSlide(index) {\r\n          if (index >= 0 && index < slideCount) {\r\n            $slides.css({\r\n              transition: \"transform 0.3s ease\",\r\n              transform: \"translateX(\" + -index * 100 + \"%)\",\r\n            });\r\n            currentIndex = index;\r\n            $(\".dot\").removeClass(\"active\");\r\n            $('.dot[data-index=\"' + index + '\"]').addClass(\"active\");\r\n          }\r\n        }\r\n\r\n        \/\/ \u5b9e\u65f6\u663e\u793a\u5f53\u524d\r\n        function resetSlide() {\r\n          $slides.css({\r\n            transition: \"transform 0.3s ease\",\r\n            transform: \"translateX(\" + -currentIndex * 100 + \"%)\",\r\n          });\r\n        }\r\n\r\n        \/\/ \u62d6\u52a8\u5224\u65ad\r\n        function handleSlide(deltaX) {\r\n          if (Math.abs(deltaX) > 50) {\r\n            if (deltaX > 0 && currentIndex > 0) {\r\n              goToSlide(currentIndex - 1);\r\n            } else if (deltaX < 0 && currentIndex < slideCount - 1) {\r\n              goToSlide(currentIndex + 1);\r\n            } else {\r\n                resetSlide();\r\n            }\r\n          } else {\r\n            resetSlide();\r\n          }\r\n        }\r\n\r\n        \/\/ \u70b9\u51fb\u5206\u9875\u70b9\u5207\u6362\r\n        $(\".dot\").on(\"click\", function () {\r\n          const index = $(this).data(\"index\");\r\n          goToSlide(index);\r\n        });\r\n\r\n        \/\/ PC\u7aef\u9f20\u6807\u6ed1\u52a8\r\n        $(\".banner-slider\").on(\"mousedown\", function (e) {\r\n          e.preventDefault();\r\n          startX = e.clientX;\r\n          isDragging = true;\r\n          $slides.css(\"transition\", \"none\");\r\n        });\r\n\r\n        $(document).on(\"mousemove\", function (e) {\r\n          if (!isDragging) return;\r\n          moveX = e.clientX;\r\n          let deltaX = moveX - startX;\r\n          let movePercent = (deltaX \/ $(window).width()) * 100;\r\n          $slides.css(\r\n            \"transform\",\r\n            \"translateX(\" + (-currentIndex * 100 + movePercent) + \"%)\"\r\n          );\r\n        });\r\n\r\n        $(document).on(\"mouseup\", function (e) {\r\n          if (!isDragging) return;\r\n          isDragging = false;\r\n          let deltaX = e.clientX - startX;\r\n          handleSlide(deltaX);\r\n        });\r\n\r\n        \/\/ \u624b\u673a\u7aef\u89e6\u6478\u6ed1\u52a8\r\n        $(\".banner-slider\").on(\"touchstart\", function (e) {\r\n          e.preventDefault();\r\n          startX = e.originalEvent.touches[0].clientX;\r\n          isDragging = true;\r\n          $slides.css(\"transition\", \"none\");\r\n        });\r\n\r\n        $(\".banner-slider\").on(\"touchmove\", function (e) {\r\n          if (!isDragging) return;\r\n          moveX = e.originalEvent.touches[0].clientX;\r\n          let deltaX = moveX - startX;\r\n          let movePercent = (deltaX \/ $(window).width()) * 100;\r\n          $slides.css(\r\n            \"transform\",\r\n            \"translateX(\" + (-currentIndex * 100 + movePercent) + \"%)\"\r\n          );\r\n        });\r\n\r\n        $(\".banner-slider\").on(\"touchend\", function (e) {\r\n          if (!isDragging) return;\r\n          isDragging = false;\r\n          let deltaX = e.originalEvent.changedTouches[0].clientX - startX;\r\n          handleSlide(deltaX);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u65e0\u9650\u5c55\u5f00 \u4e3a\u907f\u514d\u6cd5\u5f8b\u98ce\u9669\uff0c\u6211\u4eec\u4ec5\u5728\u534f\u8bae\u660e<\/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-373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/pages\/373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":2,"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/pages\/373\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/b.nangsbrisbane.au\/zh-hans\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}