Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
i have agridview populate from database when i clicked image in gridview it opens in new image called imgFull this image illustrate my explain more
 
[ Image]
 
i want to put next and previous button to get in my div the next image from database i want to develop it by jquery or javascript this is asmple of my code
 
 
<div>
 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" 
  Font-Names="Arial">
 <Columns>
  <asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="FileName" HeaderText="Image Name" />
<asp:TemplateField HeaderText="Preview Image">
    <ItemTemplate>
        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# "images/"     +Eval("FilePath")  %>' Width="100px" Height="100px" Style="cursor: pointer" OnClientClick = "return LoadDiv(this.src);"/>
 
  </ItemTemplate>
</asp:TemplateField>
 </Columns>
</asp:GridView>
    </div>
 
  <div id="divBackground" class="modal">
 
 </div>
 <div id="divImage" class = "info"> 
           <input id="btnNext" type="button" value="next" />
                <input id="Button1" type="button" value="left" />
           <input id="Button2" type="button" value="right" />
            <img id="imgLoader" alt=""
             src="~/images/loader.gif" />
 
          <img id="imgFull"  runat="server" alt="" src=""  style="height: 500px;width: 590px"/>
 
 <input id="btnClose" type="button" value="close"  önclick="HideDiv()"/>
 </div>
i need help plz
Posted 9-Dec-12 2:27am

1 solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web03 | 2.8.150302.1 | Last Updated 10 Dec 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100