diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index 585915e..b74bbbc 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -47,20 +47,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');