要实现多个报表块背景图片轮播和点击报表块显示背景图片,有方案可以实施吗?

要实现多个报表块背景图片轮播和点击报表块显示背景图片,有方案可以实施吗

FineReport 依呆咪扛基喽 发布于 2023-8-8 10:06
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-8-8 10:08(编辑于 2023-8-8 10:40)

直接js 语句

10版本

setInterval(function() {

$(".content-container div[widgetname='REPORT0']").css({

'background': 'url(/webroot/help/picture/icon_top1-18.png)no-repeat',

'background-size': '100% 100%'

});

}, 10000);//10秒定时触发

11版本增加报表块背景图

setInterval(function() {

$("div[widgetname= REPORT0]").css("background", "url(/webroot/help/picture/icon_top2-19.png)center center / 100% 100% no-repeat")

}, 10000);//10秒定时触发

这个你图片需要名字有规律,参考这个语句,for语句判断下,图片名字自动加1比较方便,到一定时候,就回到0

============

讲错,是if判断

var a=0;

setInterval(function() {

if(a==0)

{

$("div[widgetname= REPORT0]").css("background", "url(/webroot/help/picture/icon_top1-.png)center center / 100% 100% no-repeat")

a=1;

}

else if(a==1)

{

$("div[widgetname= REPORT0]").css("background", "url(/webroot/help/picture/icon_top2.png)center center / 100% 100% no-repeat")

a=2;

}

else if(a==2)

{

$("div[widgetname= REPORT0]").css("background", "url(/webroot/help/picture/icon_top3.png)center center / 100% 100% no-repeat")

a=3;

}

else if(a==3)

{

$("div[widgetname= REPORT0]").css("background", "url(/webroot/help/picture/icon_top4.png)center center / 100% 100% no-repeat")

a=0;

}

}, 10000);//10秒切换

  • 依呆咪扛基喽 依呆咪扛基喽(提问者) 大佬,for语句判断轮播要咋写
    2023-08-08 10:36 
  • snrtuemc snrtuemc 回复 依呆咪扛基喽(提问者) 我给一个大致示例,参考修改答案
    2023-08-08 10:37 
  • 依呆咪扛基喽 依呆咪扛基喽(提问者) 回复 snrtuemc a是设置的参数吗
    2023-08-08 10:44 
  • 依呆咪扛基喽 依呆咪扛基喽(提问者) 大佬,这个js 可以实现轮播的时候只有一个报表块显示背景图片吗,就是上一个报表块轮播玩即将下一个报表显示的时候,上一个报表块就显示没有背景
    2023-08-08 11:01 
  • snrtuemc snrtuemc 回复 依呆咪扛基喽(提问者) 这个是替换report0的背景,你要替换其他,就是修改报表块名就可以
    2023-08-08 11:09 
  • 1关注人数
  • 190浏览人数
  • 最后回答于:2023-8-8 10:40
    请选择关闭问题的原因
    确定 取消
    返回顶部