分享经验 版主:论坛审计组
首页热点新闻图片幻灯片轮播代码分享
类型:迅睿CMS 更新时间:2020-09-26 21:33:55

首页热点新闻图片幻灯片轮播代码分享

   <!-- 调用含图片新闻点击量较高的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>


回帖
  • #1楼    迅睿框架创始人
    2019-12-27 13:15:33
    Google Pixel 手机 0
  • Booid.com
    #2楼    Booid.com
    2019-12-27 13:48:56
    Chrome 0
    …… 这也有分享的意义啊?
  • redge
    #3楼    redge
    2019-12-27 13:56:39
    Chrome 0
    4.3.4首页的是固定的图片,看到有人问,从老版本扣出来的,灵活使用吧!Booid.com
  • kouyuxin
    #4楼    kouyuxin
    2019-12-28 09:27:38
    Chrome 0
    只要是分享行为,都应该给个赞
  • zdcbd
    #5楼    zdcbd
    2019-12-28 11:17:17
    Chrome 0
    赞一个哈。
  • 范闲
    #6楼    范闲
    2019-12-28 12:31:23
    Chrome 0
    记下来,用的时候来拿
  • kimi
    #7楼    kimi
    2020-05-22 22:49:37
    Chrome 0
    标记
  • 流浪的乞丐
    #8楼    流浪的乞丐
    2020-09-26 21:33:55
    小米手机 0
    很实用,学习一下!!!