图片做轮播图

怎么使用帆软做图片轮播功能,类似下图这种的

图片.png

理想三旬 发布于 2020-7-13 14:07
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
唱跳rap全能选手Lv7中级互助
发布于2020-7-14 09:01

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

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

上面的imgs图片,换成你自己的

最佳回答
0
snrtuemcLv8专家互助
发布于2020-7-13 14:08
最佳回答
0
吾姓独孤Lv6高级互助
发布于2020-7-13 14:30(编辑于 2020-7-13 17:15)

决策报表临时测试用.frm

决策报表tab块做

数据库表字段控制Tab块隐藏-https://help.finereport.com/doc-view-3444.html

控制tab块隐藏还有这个方法,稍微变一下改成参数控制,差不多的

IF(1 % 2 = 0) {

this.options.form.getWidgetByName("tabpane0").setTabVisible('tab0', false);

}


  • 理想三旬 理想三旬(提问者) 我现在就是你这样解决的,但是我不同的参数条件,需要展示的图片数量不一样
    2020-07-13 14:34 
  • 吾姓独孤 吾姓独孤 回复 理想三旬(提问者) 最大值多少,如果最大值不多的话,可以通过参数条件决定哪些图片展示哪些不展示,通过设置对应tab块是否可见
    2020-07-13 14:38 
  • 理想三旬 理想三旬(提问者) 回复 吾姓独孤 没有固定的,有的只有1张,有的四五张,七八张
    2020-07-13 14:40 
  • 吾姓独孤 吾姓独孤 回复 理想三旬(提问者) 你按最大的来,10张,应该够了吧,做10个tab块,然后通过判断参数的情况,设置body初始化事件,写JS控制tab块隐藏与否
    2020-07-13 14:45 
  • 理想三旬 理想三旬(提问者) 回复 吾姓独孤 应该怎么改呢,大佬有案例吗
    2020-07-13 15:00 
  • 4关注人数
  • 3209浏览人数
  • 最后回答于:2020-7-14 09:01
    请选择关闭问题的原因
    确定 取消
    返回顶部