From 37df38d91b8c939f503eff934e9090d8b7b68b9a Mon Sep 17 00:00:00 2001
From: ken <poopooken11@gmail.com>
Date: Fri, 28 Aug 2026 16:57:42 +0800
Subject: [PATCH] update

---
 modules/ad_banner/_ad_banner_widget2.html.erb | 29 ++++++++-------
 modules/ad_banner/_ad_banner_widget3.html.erb | 36 +++++++++++--------
 2 files changed, 38 insertions(+), 27 deletions(-)

diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index 4c80b16..e72e764 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -49,20 +49,23 @@
   </ul>
 </div>
 <script>
-	var flag = 1;
-	$('.pause-slide').click(function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
-	});
-	$('.resume-slide').click(function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
-	});
-	$('.next-button').off('click').on('click',function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
+  $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
+    $(this).addClass('active')
+    $(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
+  });
+  $('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
+    $(this).addClass('active')
+    $(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
+  });
+  $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
 
-	})
-	$('.prev-button').off('click').on('click',function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-	});
+  })
+  $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
+  });
     /* 修正點：處理 Pager 無障礙朗讀文字 */
   $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
     var $container = $(this).closest('.w-ba-banner');
diff --git a/modules/ad_banner/_ad_banner_widget3.html.erb b/modules/ad_banner/_ad_banner_widget3.html.erb
index fdd3f39..73f18bb 100644
--- a/modules/ad_banner/_ad_banner_widget3.html.erb
+++ b/modules/ad_banner/_ad_banner_widget3.html.erb
@@ -44,8 +44,7 @@
 	</ul>
 </div>
 <script>
-	var flag = 1;
-    $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
+  $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
     $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
     $(this).addClass('active')
     $(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
@@ -55,19 +54,28 @@
     $(this).addClass('active')
     $(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
   });
-	$('.pause-slide').click(function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
-	});
-	$('.resume-slide').click(function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
-	});
-	$('.next-button').off('click').on('click',function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
+  $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
 
-	})
-	$('.prev-button').off('click').on('click',function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-	})
+  })
+  $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
+  });
+    /* 修正點：處理 Pager 無障礙朗讀文字 */
+  $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
+    var $container = $(this).closest('.w-ba-banner');
+    var $slides = $(this).find('.w-ba-banner__slide');
+    var $pagerButtons = $container.find(".banner-pager button");
+
+    $pagerButtons.each(function(index) {
+      var slideTitle = $slides.eq(index).data('cycle-title') || "";
+      var ariaLabel = "第 " + (index + 1) + " 張投影片 " + slideTitle;
+      $(this).attr({
+        "aria-label": ariaLabel,
+        "title": ariaLabel
+      });
+    });
+  });
 </script>
 <style type="text/css">
   .w-ba-banner .controlplay .resume-slide.active i{