江湖急救！！！

Question

谁能帮我解决下，我现在需要做一个弹出层的例子，在gridview中绑定blob类型图片，然后显示出来，当鼠标拇指图是弹出层，显示图片的快视图，我现在做的效果，层中只显示出第一张图片，这是什么问题呢？
gridview中绑定的图片:
<asp:TemplateField HeaderText="拇指图">
        <ItemTemplate>
            <div  style="margin-top:5px; margin-left:10px; position:relative;" > 
                <img  alt="" id="thumbimage" src='<%#"RemoteSensorsQueryHandler.ashx?type=1&DataId="+DataBinder.Eval(Container.DataItem,"dataID")%>'  onmousemove="document.getElementById('div1').style.display='block';move_layer();" onmouseout="document.getElementById('div1').style.display='none'; ">
                <div id="div1" style="float:left; position:absolute; display:none; width:200px; height:200px;" onmousemove="this.style.display='block';" onmouseout="this.style.display='none';">
                       <img alt="" id="Img1" src='<%#"RemoteSensorsQueryHandler.ashx?type=2&DataId="+DataBinder.Eval(Container.DataItem,"dataID")%>' width="200px" height="200px">
                </div>
            </div>
          </ItemTemplate>
         </asp:TemplateField>
JS脚本:
 function move_layer()
       {
            document.getElementById("div1").style.top=event.clientY-150+"px";
           document.getElementById("div1").style.left=event.clientX-230+"px"; 
           document.getElementById("div1").style.
           
       }
先在这谢谢各位大虾了。还有，我积分不足，以后补上哈。

Answer 1

document.getElementById("div1")  这里的ID要跟图片img标签生成的一样。你现在完全就是显示第一张！不足为奇！你只要简单的修改一下就行了！<div id="div<%#Eval("id")%>">document.getElementById("div1")//这里相应的修改一下就行了！

Answer 2

div1放在gridview外，通过修改Img1的src传递ID实现图片显示

Answer 3

3楼说的对，只要修改img的src中秋加班要多给钱，公司舍不得