多个图像显示和缩放 [英] Multiple Image display and zooming

问题描述

大家好，我正在做一个电子商务项目。在产品描述页面中，我想显示带有三个不同图像的产品，并逐个缩放鼠标。我有jquery和脚本，但我有从数据库加载3个图像并在图像控件中显示它的问题。在浏览器中它没有显示任何图像。请帮我解决这个问题。

我用过的代码是

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();

推荐答案

这篇关于多个图像显示和缩放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！