如何使用javascript顯示上一張和下一張圖片

Question

在我的代碼中，我使用中繼器顯示圖像

     <asp:Repeater ID="rptconvention" runat="server" >
                    <ItemTemplate>
                    <div   style="float:left; width:200px;height:180px"   >                           
                     <a href="pop-ups/ViewImage.aspx?lightbox[width]=510&amp;lightbox[height]=415&amp;Imgid=<%#Eval("ID")%>" class="lightbox textColorBlue">        
                    <img  src='<%= Settings.FransupportURL %><%# "Convension/images/" & Eval("Img")%>' alt='<%#Eval("Name")%>' Width="180px" Height="120px" style="border:0px;"   />
                    </a>
                    <div style="text-align:center;float:left; padding-top:5px; width:180px;  font-size:12px;">  <%# If(Eval("Description").ToString().Length < 25, Eval("Description"), Eval("Description").Substring(0, 25))%>  </div> 
                    <div   style="text-align:center;float:left; padding-top:5px; width:180px;  font-size:13px;   "> 
                    <a style="width: 81px!important;" href="pop-ups/ViewImage.aspx?lightbox[width]=510&amp;lightbox[height]=415&amp;Imgid=<%#Eval("ID")%>" class="lightbox textColorBlue">View</a> | <asp:LinkButton class="textColorBlue"  id="btndownload" CommandName="Download"  CommandArgument='<%#Eval("DownLoadImg")%>' runat="server"   >Download </asp:LinkButton> 
                    </div>
                    </div>
                     <div class="dvSpacingConv"> &nbsp;</div>
                    </ItemTemplate>
                    <FooterTemplate>

                    </FooterTemplate>
                </asp:Repeater>

點擊后，我會使用燈箱彈出窗口顯示圖像並打開新頁面，這是該頁面的html

 <div class="popup_con_ph nopad">
        <img id="Imgconvention" style="width: 500px; height: 308px;" runat="server" />
        <div style="margin-top:8px; text-align:center;">   
        <input type="button" id="btnDownload"   value="Download"  onclick="DownloadImage();"
            style="height: 28px !important; line-height: 10px !important;" tabindex="2" />
             <input type="button" id="btnClose"   value="Close"  onclick="ClosePopup();"
            style="height: 28px !important; line-height: 10px !important;" tabindex="2" />
            </div>
    </div>

我想在這里放置上一個和下一個按鈕，並顯示上一個和下一個圖像。 我怎樣才能做到這一點..

Answer 1

在上一個和下一個按鈕中添加onclick函數
在功能中，您可以執行以下操作
$（'＃id'）。attr（'src'，'imgpath'）;