55 lines
2.3 KiB
Plaintext
55 lines
2.3 KiB
Plaintext
|
<div class="w-ba-banner ba-banner-widget-2">
|
||
|
|
<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><button></button></li>"
|
||
|
|
data-pager-active-class="active-slide"
|
||
|
|
data-cycle-youtube=true
|
||
|
|
data-cycle-youtube-autostart=false
|
||
|
|
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-2 banner-pager banner_caption_{{subpart-id}}"></ul>
|
||
|
|
<ul class="controlplay"><a role="button" class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a role="button" class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
|
||
|
|
<ul class="button-mid">
|
||
|
|
<i role="button" class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
|
||
|
|
<i role="button" class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
|
||
|
|
</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>
|