太阳成集团(tyc122cc-VIP)电子游戏官网-Play game Store

联系官方销售客服

QQ1835022299

028-61286886

全部问题求助问题分享经验开发需求

应用插件版主：官方插件技术组

轮播图插件可以上传视频吗?要怎么做

菜鸟的成长之路

类型：太阳成游戏网站CMS 更新时间：2024-11-13 16:45:46 轮播图管理

插件	轮播图管理 V2.9
应用作者	帝云网络
发布时间	2021-04-16 13:44:30
更新时间	2025-03-05 11:45:23

{if $t.leixing=='image'}

    

{elseif $t.leixing=='video'}

    
    
    您的浏览器不支持 video 标签。

{/if

这段代码怎么使用呢?我想在轮播图部分使用视频而不是图片,可以用上面的代码来实现吗?具体要怎么做呢?

插件教程：/doc/app-719.html

回帖

#1楼帝云网络-长期接单

2024-11-13 10:49:33

Edge 0

插件与代码是支持的，，升级到最新版插件，你发的代码就是判断轮播图是图片还是视频。你得找JS轮播图插件，首先把图片轮播效果做起来。。。比如 swiper7轮播图插件，，以下只能给你写个示例，，，具体还得自己网站调试。下载 swiper7插件， swiper-bundle.min.css 放到 /static/你的模板样式目录/css/swiper-bundle.min.cssswiper-bundle.min.js 放到 /static/你的模板样式目录/js/swiper-bundle.min.js调用代码如下




    
       {table table_site=carousel type=1 show=1 order=displayorder_asc num=10}
       
          
          {if $t.leixing=='image'}
                    
                        
                    
                    {elseif $t.leixing=='video'}
                    
                    {/if
       
       {/table}
    
    
    
    
    
    



var mySwiper = new Swiper ('.banner', {
    loop: true, // 循环模式选项
    parallax : true,

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

这样就有效了

满意答案

#2楼菜鸟的成长之路

2024-11-13 16:45:46
Edge 0

@帝云网络-长期接单：我的版本不够新，升级到最新版插件，就很容易修改了，你的回答