图片的轮播

搜了很多,没有找到自己的需求

就是

1、没有轮播的插件,安装之后不可用,

2、用tab块来实现,图片大小不一样   有解决办法吗

3、不用tab块的话,怎么来实现图片的轮播呢

请各位大佬帮一下

FineReport 用户QX2GB1909557 发布于 2021-6-8 16:10
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
luojian0323Lv7资深互助
发布于2021-6-8 16:14(编辑于 2021-6-8 17:04)

试试这个:

首先定义一个绝对画布块,添加初始化事件

setTimeout(function() {  

    var imgs = [

    {img:"\/webroot\/help\/picture\/gyzp\/1.jpeg"

     ,a:"#"}

     ,{img:"\/webroot\/help\/picture\/gyzp\/2.jpeg"

     ,a:"#"}

     ,{img:"\/webroot\/help\/picture\/gyzp\/3.jpeg"

     ,a:"#"}

     ,{img:"\/webroot\/help\/picture\/gyzp\/4.jpeg"

     ,a:"#"}

     ,{img:"\/webroot\/help\/picture\/gyzp\/5.jpeg"

     ,a:"#"}

     ];

 var width =$("div[widgetname='ABSOLUTE0']").css("width");

 var height =$("div[widgetname='ABSOLUTE0']").css("height");

 

 $("div[widgetname='ABSOLUTE0']").slider({

            imgList:imgs, //图片的列表

            width: width, //图片的宽

            height: height, //图片的高

            isAuto: true, //是否自动轮播

            moveTime: 2000, //运动时间

            direction: 'right', //轮播的方向

            btnWidth: 30, //按钮的宽

            btnHeight: 30, //按钮的高

            spanWidth: 10, //span按钮的宽

            spanHeight: 10, //span按钮的高

            spanColor: '#fff', //span按钮的颜色

            activeSpanColor: 'red', //选中的span颜色

            btnBackgroundColor: 'rgba(0, 0, 0, 0.3)', //两侧按钮的颜色

            spanRadius: '50%', //span按钮的圆角程度

            spanMargin: 3, //span之间的距离

        });

    $(".right-btn").css("display","none");

    $(".left-btn").css("display","none");

    

},  

20);

然后将这个js文件放在你的工程help下的CSS文件夹下

pmlbt.js

决策报表如果要引用 js的话在body初始化后事件中写上js

setTimeout(function() {

var link1=

'<script src="../../help/pmlbt.js"></script>'

$("head").append(link1);

},200);

最佳回答
0
snrtuemcLv8专家互助
发布于2021-6-8 16:12

参考利用JS制作旋转木马效果-https://help.fanruan.com/finereport/doc-view-2313.html

  • 3关注人数
  • 831浏览人数
  • 最后回答于:2021-6-8 17:04
    请选择关闭问题的原因
    确定 取消
    返回顶部