问题如下:点击小图弹出一个DIV层,这个层用来显示大图,图片地址是通过JS代码传递的,如果把图片地址写死,也就是直接读取文件夹里面的XXX.JPG,大图可以正常显示,但问题是我的图片地址是存在数据库里面的,需要动态添加图片地址。可从数据库中提取到图片地址却不能显示图片。
关键代码如下:

    <div id="showdiv"  style="display:none; padding:20px;position:absolute;">
<div id="picmain">
    <div id="logpic">鼠标点这里拖动窗口&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style= "cursor:hand;"  onclick="nonediv()">&nbsp;&nbsp;&nbsp;&nbsp;<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

解决方案 »

  1.   

    为什么帖子图片不能显示出来,汗,我文字描述下好了:常规属型:
     协议:英文一大串,这里不说了,
     图片名字:new20110913003.jpg
     类型:   不可用(如果正常显示,这里应该是 jpg)
     地址:  ../datapic/pro/new20110913003.jpg
     大小:   不可用(如果正常显示,这里是图片大小)
     维度:   525×425 pixels 创建时间:不可用
     修改时间:不可用  上面就是帖子里面图片没显示出来的内容,大家帮研究下吧,谢谢,睡不着觉了,都快急死了,项目停止不前。
     
      

  2.   

     在罗嗦下,我怀疑JS在客户端执行,虽然已经取得了图片地址,但是并没有返回到服务器端执行,所以图片并没有加载,但是JS水平实在糟糕,不会写了,求人解决帮忙下了。3Q
      

  3.   


    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]获取不了。
      

  4.   

    太粗心了,图片地址有问题,运行到src=(obj.children[0].src);的时候图片地址为localhost:8081/datapic/hisuiproducts/hisui20110913006.jpg
    运行到src="../datapic"+src;的时候图片地址为:
    http://localhost:8081/datapichttp://localhost:8081/datapic/hisuiproducts/hisui20110913006.jpg
    为什么啊?
      

  5.   

    问题解决,谢谢你们两位了,我把src="../datapic"+src;注释掉就没问题了,哎,2天了,就因为这个原因。粗心+技术差=导致浪费大量时间。不过虽然浪费时间,但是在研究过程中学到不少东西,也值得了。再次感谢你们两位。发工资来!