<div class="w-ba-banner ba-banner-widget-3"> <div class="w-ba-banner__wrap cycle-slideshow" data-list="images" data-level="0" data-cycle-slides=".w-ba-banner__slide" data-cycle-log="false" data-cycle-auto-height="{{base_image}}" data-cycle-speed="{{speed}}" data-cycle-timeout="{{timeout}}" data-cycle-fx="{{ad_fx}}" data-cycle-pager=".banner_caption_{{subpart-id}}" data-pager-template="<li><a></a></li>" data-pager-active-class="active-slide" data-cycle-swipe=true data-cycle-swipe-fx="scrollHorz" > <div class="w-ba-banner__slide {{class}}" data-link="{{link}}" data-cycle-title="{{title}}" data-cycle-desc="{{context}}" data-overlay-template="<h3>{{title}}</h3>{{desc}}" data-target="{{target}}" > <a href="{{link}}" target="{{target}}" title="{{alt_title}}"> <img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}"> </a> </div> </div> <ul class="w-ba-banner__pager-3 banner-pager banner_caption_{{subpart-id}}"></ul> <ul class="controlplay"><a class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul> <ul class="button-mid"> <button class="prev-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></button> <button class="next-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></button> </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"); }) $('.prev-button').off('click').on('click',function(){ $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev"); }) </script>