ken
/
orbit_demo_new_old_bo5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

This commit is contained in:
ken 2026-08-21 17:52:10 +08:00
parent ea0f9862d3
commit 0630a4bb6d
2 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
home/index.html.erb
View File

@ -82,13 +82,13 @@
</div> </div>
<div class="contentwrap2"> <div class="contentwrap2">
<div class="marqueeken"> <!-- <div class="marqueeken">
<div class="scroll"> <div class="scroll">
<div class="text1"> <div class="text1">
ORBIT ORBIT
</div> </div>
</div> </div>
</div> </div> -->
<div class="layout-content-inner container"> <div class="layout-content-inner container">
<div class="column row"> <div class="column row">
<section class="two-column col-sm-9" data-pp="39"></section> <section class="two-column col-sm-9" data-pp="39"></section>

42
modules/ad_banner/_ad_banner_widget5.html.erb
View File

@ -1,5 +1,5 @@
<div class="w-ba-banner ba-banner-widget-5"> <div class="w-ba-banner ba-banner-widget-5">
<div class="w-ba-banner__wrap cycle-slideshow" <div class="w-ad-banner__wrap w-ba-banner__wrap cycle-slideshow"
data-list="images" data-list="images"
data-level="0" data-level="0"
data-cycle-slides=".w-ba-banner__slide" data-cycle-slides=".w-ba-banner__slide"
@ -10,7 +10,7 @@
data-cycle-timeout="{{timeout}}" data-cycle-timeout="{{timeout}}"
data-cycle-fx="{{ad_fx}}" data-cycle-fx="{{ad_fx}}"
data-cycle-pager=".banner_caption_{{subpart-id}}" data-cycle-pager=".banner_caption_{{subpart-id}}"
data-pager-template="<li><a></a></li>" data-pager-template=""
data-pager-active-class="active-slide" data-pager-active-class="active-slide"
data-cycle-swipe=true data-cycle-swipe=true
data-cycle-swipe-fx="scrollHorz" data-cycle-swipe-fx="scrollHorz"
@ -33,7 +33,9 @@
</div> </div>
</div> </div>
<div class="w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}"></div> <div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
<li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
</div>
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項"> <ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive"> <a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
<i aria-hidden="true"></i> <i aria-hidden="true"></i>
@ -51,19 +53,23 @@
</ul> </ul>
</div> </div>
<script> <script>
var flag = 1; var flag = 1;
$('.pause-slide').click(function(){ $('.pause-slide').off('click').click(function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause'); $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
}); $(this).addClass('active')
$('.resume-slide').click(function(){ $(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume'); });
}); $('.resume-slide').off('click').click(function(){
$('.next-button').off('click').on('click',function(){ $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next"); $(this).addClass('active')
$(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
});
$('.next-button').off('click').on('click',function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
}) })
$('.prev-button').off('click').on('click',function(){ $('.prev-button').off('click').on('click',function(){
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev"); $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
}); });
/* 修正點：處理 Pager 無障礙朗讀文字 */ /* 修正點：處理 Pager 無障礙朗讀文字 */
$('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) { $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
@ -80,9 +86,5 @@
}); });
}); });
}); });
.ba-banner-widget-5{
.banner-pager{
position: relative;
}
}
</script> </script>