用帆软文档提供的JS跑马灯效果显示图片,换了图片的路径显示不出来

在网页中预览时,图片显示不出来,然后检查,图片的路径用单独的网页打开,就显示如截图那样的显示

JS代码:

setTimeout(function() {  

    $("div[widgetname='ABSOLUTE0']").append("<div id=\"box\"><div class=\"slide\"><ul><li><a href=\"#\"><img src=\"D:\Program Files\FineReport_10.0\webapps\webroot\help\picture\NACKS-1-1.jpg\" alt=\"啊啊啊\"></a></li><li><a href=\"#\"><img src=\"D:\Program Files\FineReport_10.0\webapps\webroot\help\picture\NACKS-1-2.jpg\" alt=\"啊啊啊\"></a></li><li><a href=\"#\"><img src=\"D:\Program Files\FineReport_10.0\webapps\webroot\help\picture\NACKS-1-1.jpg\" alt=\"啊啊啊\"></a></li><li><a href=\"#\"><img src=\"D:\Program Files\FineReport_10.0\webapps\webroot\help\picture\NACKS-1-2.jpg\" alt=\"啊啊啊\"></a></li><li><a href=\"#\"><img src=\"D:\Program Files\FineReport_10.0\webapps\webroot\help\picture\NACKS-1-1.jpg\" alt=\"啊啊啊\"></a></li></ul><div class=\"arraw\"><a href=\"javascript:;\" class=\"next\"></a><a href=\"javascript:;\" class='prev'></a></div></div></div><script>var box = document.querySelector('#box');var slide = document.querySelector('.slide');var arraw = document.querySelector('.arraw');var lis = document.querySelectorAll('li');var json = [  {   width:400,top:20,left:120,opacity:20,z:2,id:1},{  width:600,top:70,left:50,opacity:60,z:3,id:2},{   width:800,top:100,left:150,opacity:100,z:4,id:3},{ width:600,top:70,left:350,opacity:60,z:3,id:4},{   width:400,top:20,left:370,opacity:20,z:2,id:5}];var next = document.querySelector('.next');var prev = document.querySelector('.prev');var timer = null;var flag = true;move();run();function run(){clearInterval(timer);timer = setInterval(function(){if(flag == true){flag = false;move(true);}},500);}function move(x){if(x != undefined){if(x){json.push(json.shift());}else{json.unshift(json.pop());};};for(var i = 0; i<json.length; i++){animate(lis[i],{width: json[i].width,top: json[i].top,left: json[i].left,opacity: json[i].opacity,zIndex: json[i].z},function(){flag = true;})};}function animate(obj, json, callback){clearInterval(obj.timer);obj.timer = setInterval(function(){var stoped = true;for(var k in json){var leader = 0;if(k == 'opacity'){leader = Math.round(getStyle(obj, k)*100) || 100;}else {leader = parseInt(getStyle(obj, k)) || 0;};var step = (json[k]-leader)/10;step = step > 0? Math.ceil(step) : Math.floor(step);leader = leader + step;if(k == 'opacity'){obj.style[k] = leader/100;obj.style['filter'] = 'alpha(opacity='+ leader +')';}else if(k == 'zIndex'){obj.style['zIndex'] = json[k];console.log(666);}else{obj.style[k] = leader + \"px\";}if(leader != json[k]){stoped = false;}};if(stoped){clearInterval(obj.timer);callback && callback();};},50);};function getStyle(obj, attr){if(obj.currentStyle){return obj.currentStyle[attr];}else{return window.getComputedStyle(obj, null)[attr];};};</script>")  

},  

20);

47b094123e79134358ff441a1f629bf.png

用户M4597631 发布于 2021-5-11 11:19 (编辑于 2021-5-11 13:46)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
snrtuemcLv8专家互助
发布于2021-5-11 11:25(编辑于 2021-5-11 14:12)

看了下,你的路径明显有问题啊

假设图片是logo-ch.png

放在/webroot/help/picture/文件下

用下面地址引用,就不会有问题

/webroot/help/picture/logo-ch.png

-----------------------------修改答案

我的路径下有这个图片

image.png

然后我网页可以访问

image.png

最后在js代码,换成这个网址,你的网址需要换,localhost:8095换成你的IP:端口

image.png

最后效果

image.png

  • 用户M4597631 用户M4597631(提问者) 但是是在本地文件夹上直接复制的路径呀,C:\\Users\\Fairy\\Desktop\\NACKS\\1-1.jpg 这个
    2021-05-11 11:28 
  • snrtuemc snrtuemc 回复 用户M4597631(提问者) 这样肯定不行,需要在他工程下面,才可以直接用,你这样需要先返回好多层,到根目录,方便起见,直接拷贝到webroot文件下面,这样可以直接引用
    2021-05-11 11:31 
  • 用户M4597631 用户M4597631(提问者) 回复 snrtuemc 嗯嗯好,谢谢,哈哈哈好像是第三次见你啦,每次都回答我
    2021-05-11 11:32 
  • 用户M4597631 用户M4597631(提问者) 回复 snrtuemc 把图片放在了webroot下来 但是还是不行,图片显示不出来
    2021-05-11 11:40 
  • 用户M4597631 用户M4597631(提问者) 回复 snrtuemc 也是404 没有找到
    2021-05-11 11:40 
  • 2关注人数
  • 453浏览人数
  • 最后回答于:2021-5-11 14:12
    请选择关闭问题的原因
    确定 取消
    返回顶部