每个展位的公司的图片都是这样动态变化的

Question

我想实现这个网站的功能？请问怎么作？点公司展位时会弹出个框框，然后框框后中的图片是上下移动的。每个展位的公司的图片都是这样动态变化的。点右边的图片“进入本店看看”可以连接到展馆商的网址。我个人作法为：
代码：
ASPX CODE 
<div runat="server">
<table width="300" border="0" cellspacing="5" cellpadding="0"> 
<tr> 
    <%=div_html.ToString()%>
</tr> 
</table> 
</div>
ASPX。CS  CODE div_html.Append("<div class='container'id='idTransformView' runat='server'><ul class='slider' id='idSlider'><li><img src='Images/CP/1.jpg'/></li><li><img src='Images/cp/2.jpg'/></li><li><img src='Images/cp/3.jpg'/></li></ul><ul class='num' id='idNum'><li>1</li><li>2</li><li>3</li></ul></div>");
                   现在的问题？我想把图中的图片变成动态的，就是每个展商公司的图片是不同的。请问有什么高见？谢谢

Answer 1

var Move =document.getElementById(???);
 new DragDivision(Move);   function DragDivision(DivControl)
    {
        with (this)
        {
            if (!DivControl) return;
            this.bDraged = false;
            this.oDragOrig = DivControl;             
            oDragOrig.style.cursor = "arrow";
             
            oDragOrig.onmousedown = function()
            {            
                if(event.button == 1)
                {
                    alert(oDragOrig.id);
                    return;               
                }
                if(event.button ==2)
                {
                    var ofs = Offset(oDragOrig);
                    oDragOrig.style.position = "absolute";
                    oDragOrig.style.left = ofs.l;
                    oDragOrig.style.top = ofs.t;
                    oDragOrig.X = event.clientX - ofs.l;
                    oDragOrig.Y = event.clientY - ofs.t;
                    bDraged = true;
                    oDragOrig.style.cursor = "move";     
                }
            }; 
  
            oDragOrig.onmousemove = function()
            {
                if (!bDraged) return;
                oDragOrig.setCapture();
                oDragOrig.style.left = event.clientX - oDragOrig.X;
                oDragOrig.style.top = event.clientY - oDragOrig.Y;
                SetLinePoint(oDragOrig);
            };
            
            oDragOrig.onmouseup = function()
            {
                bDraged = false;
                oDragOrig.releaseCapture();
                oDragOrig.style.cursor = "arrow";
               
            };
 
            function Offset(e) 
            {
                var t = e.offsetTop;
                var l = e.offsetLeft;
                var w = e.offsetWidth;
                var h = e.offsetHeight;
                while(e=e.offsetParent) 
                {
                    t+=e.offsetTop;
                    l+=e.offsetLeft;
                }
                return { t:t, l:l, w:w, h:h }
            };
        }
    };

Answer 2

我改成下面的代码，实现了但没有出现图片。郁闷
       div_html.Append("<div class='container'id='idTransformView'runat='server'><ul class='slider' id='idSlider'><li><img src='Images/CP/'+'.jpg'/></li><li><img src='Images/CP/'+'.jpg'/></li><li><img src='Images/CP/'+'.jpg'/></li></ul><ul class='num' id='idNum'><li>1</li><li>2</li><li>3</li></ul></div>");