首页热点新闻图片幻灯片轮播代码分享
迅睿框架 更新 2020-09-26 21:33:55
redge
redge
首页热点新闻图片幻灯片轮播代码分享
<!-- 调用含图片新闻点击量较高的3条轮播 -->
<div class="bg-white bg-flash">
<div class="swiper-container">
<div class="swiper-wrapper">
{module module=news thumb=1 order=hits num=3}
<div class="swiper-slide">
<a href="{$t.url}" {if $t.target}target="_blank"{/if} title="{$t.title}"><img src="{dr_thumb($t.thumb, 350, 250)}" style="width:350px;height:245px" /></a>
</div>
{/module}
</div>
<div class="swiper-pagination"></div>
</div>
<link rel="stylesheet" href="{HOME_THEME_PATH}swiper/css/swiper.min.css">
<script src="{HOME_THEME_PATH}swiper/js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
</script>
</div>
