80 lines
3.7 KiB
Plaintext
80 lines
3.7 KiB
Plaintext
<div class="w-annc widget-announcement-4 w-annc widget-announcement-19" style="position:relative;">
|
|
<div class="w-annc__more-wrap clearfix">
|
|
<h2 class="w-annc__widget-title">
|
|
<span>{{widget-title}}</span>
|
|
</h2>
|
|
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
|
</div>
|
|
<div style="position: absolute;top: 62%;width:100%; z-index: 101;">
|
|
<div style="">
|
|
<button id="prev-{{subpart-id}}" class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
border-radius: 50%;
|
|
border: none; z-index: 2;"><i class="fa fa-angle-left prev-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
|
|
<button id="next-{{subpart-id}}" class="btn-right" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>" style="float: right;;height: 2.5em; width: 2.5em;background-size: contain;border: 0;position: absolute;transition:.3s;right: 0.6%;color: #ffffff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
border-radius: 50%;
|
|
border: none; z-index: 2;"><i class="fa fa-angle-right next-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %></span></button>
|
|
</div>
|
|
</div>
|
|
<ul class="w-annc__list row cycle-slideshow"
|
|
data-level="0"
|
|
data-list="announcements"
|
|
data-cycle-carousel-fluid=true
|
|
data-cycle-timeout="0"
|
|
data-cycle-speed="{{speed}}"
|
|
data-cycle-fx="carousel"
|
|
data-cycle-carousel-visible="5"
|
|
data-cycle-carousel-fluid="true"
|
|
data-cycle-next="#next-{{subpart-id}}"
|
|
data-cycle-prev="#prev-{{subpart-id}}"
|
|
data-cycle-slides=".w-annc__item"
|
|
data-cycle-swipe="true"
|
|
data-cycle-swipe-fx="scrollHorz"
|
|
data-cycle-log="false"
|
|
data-cycle-speed="{{speed}}"
|
|
data-cycle-timeout="{{timeout}}"
|
|
>
|
|
<li class="w-annc__item " style="position:relative">
|
|
<a href="{{link_to_show}}" target="{{target}}" title="{{title}}" style="position: absolute;z-index: 19930710;width: 100%;height: 100%;">
|
|
<div class="w-annc__content-wrap" >
|
|
<div class="w-annc__meta" >
|
|
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
|
|
<span class="w-annc__status label {{status-class}}">{{status}}</span>
|
|
</span>
|
|
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
|
|
<i class="fa fa-calendar-o"></i>
|
|
<span class="w-annc__postdate">{{postdate}}</span>
|
|
</span>
|
|
<span class="w-annc__category-wrap">
|
|
<i class="fa fa-tasks"></i>
|
|
<span class="w-annc__category">{{category}}</span>
|
|
</span>
|
|
</div>
|
|
<h4 class="w-annc__entry-title">
|
|
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
|
|
</h4>
|
|
<div class="w-annc__subtitle_wrap">
|
|
<a href="{{link_to_show}}">
|
|
<p class="w-annc__subtitle">{{subtitle}}</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<script>
|
|
// $(document).ready(function(){
|
|
// if ($(window).width() > 769){
|
|
// $('.w-annc__list').attr('data-cycle-fx','carousel');
|
|
// }
|
|
//
|
|
// });
|
|
// $(window).resize(function() {
|
|
// if ($(window).width() > 769){
|
|
// $('.w-annc__list').attr('data-cycle-fx','carousel');
|
|
// }
|
|
// });
|
|
</script>
|