如何在图库中实现下一个前一个按钮？ [英] how can i implement next previous buttons in image gallery?

问题描述

我有agridview从数据库填充当我点击gridview中的图像时，它在新图像中打开，名为imgFull这个图像说明了我的解释更多



[图片]



i想把下一个和上一个按钮放到我的div中从数据库获取下一个图像我想通过jquery或javascript开发它这是我的代码的足够

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需要帮助plz

i need help plz

推荐答案

http：// www。 aspdotnet-suresh.com/2011/12/jquery-lightbox-image-slideshow-gallary.html [ ^ ]







http://archive.aspsnippets.com/post/2009/08/12/Image-Gallery-using-ASPNet-DataList-Control-Part-II-Image-Slideshow。 aspx [ ^ ]

这篇关于如何在图库中实现下一个前一个按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！