问题如下:点击小图弹出一个DIV层,这个层用来显示大图,图片地址是通过JS代码传递的,如果把图片地址写死,也就是直接读取文件夹里面的XXX.JPG,大图可以正常显示,但问题是我的图片地址是存在数据库里面的,需要动态添加图片地址。可从数据库中提取到图片地址却不能显示图片。
关键代码如下:
<div id="showdiv" style="display:none; padding:20px;position:absolute;">
<div id="picmain">
<div id="logpic">鼠标点这里拖动窗口 <span style= "cursor:hand;" onclick="nonediv()"> <font color="#FF0000">[关闭窗口]</font></span></div>
<div id="pics"><img id="myimage" src="" width="525px" height="450px" style="border-width:5px; border-color:#006633; border-style:solid;" ></div>
</div>
</div>
<script language=javascript>//动态提取图片地址 var divshow=function(obj){
var src=(obj.children[0].src);
src="../datapic"+src;
document.getElementById("myimage").src=src; //div里放一个id="myimage"的img标签
var divpic = document.getElementById("showdiv");
divpic.style.display="block";
}
</script>
以下是点击小图弹出层的代码:
<span href = "javascript:void(0)" onclick="divshow(this)"><img src="../datapic<%=rs("hisuiurl")%>" align="middle" style="width:210px; height:180px;"></span>说明:<span>标签换为<a>标签也不顶用,如果把图片地址写死是可以正常显示的,如写成这样:
<script language=javascript>
function playButton(){
var pic = document.getElementById("picture");
pic.src = "../datapic/newproducts/new20110913003.jpg";
}</script >运行程序查看弹出层的属型如下:
求高人解决下,我菜鸟一个,只会求人,帮人家帮不了,积分都快用光了,就送40吧,谢谢了。研究2天2夜了,都快凌晨4点了还在发帖子,55555555555555
关键代码如下:
<div id="showdiv" style="display:none; padding:20px;position:absolute;">
<div id="picmain">
<div id="logpic">鼠标点这里拖动窗口 <span style= "cursor:hand;" onclick="nonediv()"> <font color="#FF0000">[关闭窗口]</font></span></div>
<div id="pics"><img id="myimage" src="" width="525px" height="450px" style="border-width:5px; border-color:#006633; border-style:solid;" ></div>
</div>
</div>
<script language=javascript>//动态提取图片地址 var divshow=function(obj){
var src=(obj.children[0].src);
src="../datapic"+src;
document.getElementById("myimage").src=src; //div里放一个id="myimage"的img标签
var divpic = document.getElementById("showdiv");
divpic.style.display="block";
}
</script>
以下是点击小图弹出层的代码:
<span href = "javascript:void(0)" onclick="divshow(this)"><img src="../datapic<%=rs("hisuiurl")%>" align="middle" style="width:210px; height:180px;"></span>说明:<span>标签换为<a>标签也不顶用,如果把图片地址写死是可以正常显示的,如写成这样:
<script language=javascript>
function playButton(){
var pic = document.getElementById("picture");
pic.src = "../datapic/newproducts/new20110913003.jpg";
}</script >运行程序查看弹出层的属型如下:
求高人解决下,我菜鸟一个,只会求人,帮人家帮不了,积分都快用光了,就送40吧,谢谢了。研究2天2夜了,都快凌晨4点了还在发帖子,55555555555555
协议:英文一大串,这里不说了,
图片名字:new20110913003.jpg
类型: 不可用(如果正常显示,这里应该是 jpg)
地址: ../datapic/pro/new20110913003.jpg
大小: 不可用(如果正常显示,这里是图片大小)
维度: 525×425 pixels 创建时间:不可用
修改时间:不可用 上面就是帖子里面图片没显示出来的内容,大家帮研究下吧,谢谢,睡不着觉了,都快急死了,项目停止不前。
var divshow=function(obj){
var src=(obj.children[0].src);
alert(src);//查看结果1
src="../datapic"+src;
alert(src); //查看结果2
document.getElementById("myimage").src=src; //div里放一个id="myimage"的img标签
var divpic = document.getElementById("showdiv");
divpic.style.display="block";
}
楼主现在调试下看看,是不是children[0]获取不了。
运行到src="../datapic"+src;的时候图片地址为:
http://localhost:8081/datapichttp://localhost:8081/datapic/hisuiproducts/hisui20110913006.jpg
为什么啊?