Pratham Dave

Pratham Dave

  • NA
  • 47
  • 7k

zooming image

Jun 7 2012 9:11 AM
image upload by user and display in datalist. with mouse over zooming.


my code.
i have develop some code for uploading image by user. but i can't zoom these images.

<asp:DataList ID="DataList1" runat="server" BackColor="#DEBA84" BorderColor="#DEBA84"
            BorderStyle="None" BorderWidth="1px" CellPadding="3" CellSpacing="2" GridLines="Both"
            RepeatColumns="3">
            <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
            <ItemStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
            <SelectedItemStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
            <SelectedItemTemplate>
            </SelectedItemTemplate>
            <ItemTemplate>           
           
                <table style="width: 100%;">
                    <tr>
                        <td rowspan="3">
                       <a href="Images/r1-red-3.jpg" rel="zoom-width:800px;zoom-height:800px;" class="MagicZoom">                       
                       <img alt="" src='Admin/ProductImages/<%# Eval("ImageName") %>' />                      
                            </a>
                        </td>
                        <td>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label Text='<%# Eval("ImageName") %>' ID="lblProductName" runat="server"></asp:Label>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
           
        </asp:DataList>