<div class="latest_slider"> <h3 class="e-annc__widget-title"> <span>{{widget-title}}</span> <a class="e-paper btn btn-default pull-right" href="/zh_tw/epapers?method=papers"><%= (I18n.locale.to_s =="zh_tw") ? "更多 +" : "More NEWS" %></a> </h3> <div class="e-paper cycle-slideshow" data-level="0" data-list="categories" data-cycle-slides=".banner-Container" data-cycle-fx="carousel" data-cycle-log="false" data-cycle-carousel-fluid=true data-cycle-pause-on-hover="true" data-cycle-speed="100" data-cycle-carousel-visible="1" data-cycle-prev=".cycle-prev" data-cycle-next=".cycle-next" data-cycle-swipe=true data-cycle-swipe-fx="carousel" > <div class="banner-Container" data-list="topics" data-level="1"> <div class="item"> <div class="row epaper-container"> <h3>{{category_title}}</h3> <a href="{{link_to_show}}"> <h4>{{title}}</h4> <img src="{{img_url_thumb}}" alt="{{title}}"> </a> <div class="epaper-description">{{description}}</div> </div> </div> </div> </div> <script> $(function(){ var len = 80; $(".latest_slider .epaper-description").each(function(i){ if($(this).text().length>len){ $(this).attr("title",$(this).text()); var text=$(this).text().substring(0,len-1)+" ..."; $(this).text(text); } }); }); </script>