成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

插件與代碼是支持的，，升級到最新版插件，你發(fā)的代碼就是判斷輪播圖是圖片還是視頻。

你得找JS輪播圖插件，首先把圖片輪播效果做起來。。。

比如 swiper7輪播圖插件，，以下只能給你寫個示例，，，具體還得自己網(wǎng)站調(diào)試。

下載 swiper7插件，

swiper-bundle.min.css 放到 /static/你的模板樣式目錄/css/swiper-bundle.min.css

swiper-bundle.min.js 放到 /static/你的模板樣式目錄/js/swiper-bundle.min.js

調(diào)用代碼如下

<link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/swiper-bundle.min.css"/>
<!--輪播圖-->
<div class="swiper banner">
    <div class="swiper-wrapper">
       {table table_site=carousel type=1 show=1 order=displayorder_asc num=10}
       <div class="swiper-slide">
          
          {if $t.leixing=='image'}
                    <a{if $t.url} href="{$t.url}" target="_blank"{/if}>
                        <img src="{dr_get_file($t.thumb)}" class="d-block w-100" alt="{$t.title}">
                    </a>
                    {elseif $t.leixing=='video'}
                    <video width="100%" height="auto" autoplay muted loop>
                        <source src="{dr_get_file($t.thumb)}" type="video/mp4">
                        <source src="movie.ogg" type="video/ogg">
                        您的瀏覽器不支持 video 標(biāo)簽。
                    </video>
                    {/if
       </div>
       {/table}
    </div>
    <!-- 如果需要分頁器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要導(dǎo)航按鈕 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>

<script src="{HOME_THEME_PATH}js/swiper-bundle.min.js" type="text/javascript"></script>
var mySwiper = new Swiper ('.banner', {
    loop: true, // 循環(huán)模式選項
    parallax : true,

    // 如果需要分頁器
    pagination: {
       el: '.swiper-pagination',
    },
    // 如果需要前進后退按鈕
    navigation: {
       nextEl: '.swiper-button-next',
       prevEl: '.swiper-button-prev',
    },
})

這樣就有效了