Multiple Image display and zooming

See more:

C#

ASP.NET

Javascript

jQuery

Hello every one, i am doing a e-commerce project.In that in product description page i want to display product with three different images and zoom each on mouse over.I have got jquery and scripts for that but i am having problem in loading 3 images from database and displaying it in the image control.In browser it is not showing any image.Please please help me solving this.
Code i have used is

<asp:DataList ID="dlImages" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"
                           CellPadding="5&">
                           <itemtemplate>
                              <img class="cloudzoom" src='<%# product.ProductUrl%>'  data-cloudzoom="zoomImage: '<%# product.ProductUrl %>'" />
<br />
<img class='cloudzoom-gallery' src='<%# product.ProductUrl %>' data-cloudzoom="useZoom: '.cloudzoom', image: '<%# product.ProductUrl %>', zoomImage: '<%# product.ProductUrl %>' ">
<img class='cloudzoom-gallery' src='<%# product.ProductUrl %>' data-cloudzoom="useZoom: '.cloudzoom', image: '<%# product.ProductUrl %>', zoomImage: '<%# product.ProductUrl %>' ">
 <img class='cloudzoom-gallery' src='<%# Eval("ProductUrl2") %>' data-cloudzoom="useZoom: '.cloudzoom', image: '<%# Eval("ProductUrl2") %>', zoomImage: '<%# Eval("ProductUrl2") %>' ">                              
  </itemtemplate>

code behind is

ArrayList MultiImges = ClsOthers.GetArryMultipleImages(productId);
                if (MultiImges.Count > 0)
                {
                    dlImages1.Visible = false;
                    dlImages.DataSource = MultiImges;
                    dlImages.DataBind();