0

私のコードでは、リピーターを使用して画像を表示します

     <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>

ここに前と次のボタンを配置して、前と次の画像を表示します。これどうやってするの..

4

1 に答える 1

1

関数の [前へ] ボタンと [次へ] ボタンに onclick 関数を追加すると
、以下のように実行できます
$('#id').attr('src', 'imgpath');

于 2013-09-04T06:50:29.883 に答える