<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>