epaper/modules/e_paper/_latest_slider_full_screen....

81 lines
2.0 KiB
Plaintext
Executable File

<div class="latest-fullslider" data-list="categories" data-level="0">
<div class="banner-Container owl-carousel owl-theme" data-list="topics" data-level="1">
<div class="item">
<div class="row epaper-container">
<div class="left-fullslider col-lg-7 col-md-7 col-xs-12">
<a href="{{link_to_show}}">
<img src="{{img_url_thumb}}" alt="{{title}}">
</a>
</div>
<div class="right-fullslider col-lg-5 col-md-5 col-xs-12">
<div class="right-box">
<a href="{{link_to_show}}">
<h3>{{category_title}}</h3>
<h4>{{title}}</h4>
<div class="epaper-description">{{description}}</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(".owl-carousel").owlCarousel({
loop: true,
center: true,
items: 1,
autoplay: true,
autoplayHoverPause: true,
responsiveClass:true,
responsive:{
600:{
items: 1,
nav:false
}
}
});
$(function(){
var len = 200;
$(".latest-fullslider .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);
}
});
});
if ($(window).width() < 768) {
$(function(){
var len = 30;
$(".latest-fullslider .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>
<!-- <div data-list="categories" data-level="0">
<h3><a href="{{category_link}}">{{category_title}}</a></h3>
<div data-list="topics" data-level="1">
<div>
<h4><a href="{{link_to_show}}">{{title}}</a></h4>
<div>{{description}}</div>
<img src="{{img_url_thumb}}" alt="{{title}}">
</div>
</div>
</div> -->