2017-01-24 17 views
0

私はプロジェクトフォルダに保存した画像の数を表示するブートストラップJSカルーセルを持っています。画像スライドショーが最終画像の後に表示されなくなる

各イメージのファイルパスがSQL Serverデータベースから取得され、イメージがカルーセルに表示されます。

イメージは表示されていますが、最終イメージに到達すると、最初のイメージでスライドショーを再開するのではなく、何も表示されません。

最後のiamgeの後に最初の画像を表示する方法を知っている人はいますか?ループのように。ここ

    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover"> 
        <div class="carousel-inner" role="listbox"> 
         <!-- Wrapper for slides --> 
         <asp:Repeater ID="Rgallary" runat="server"> 
          <ItemTemplate> 
           <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>"> 
            <asp:Image ID="imgId" runat="server" ImageUrl='<%# Bind("Company_Logo_Path", "~/Company_Logo/{0}") %>' /> 
           </div> 
          </ItemTemplate> 
         </asp:Repeater> 
         <!-- Left and right controls --> 
         <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
          <span class="glyphicon glyphicon-chevron-left"></span> 
          <span class="sr-only">Previous</span> 
         </a> 
         <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
          <span class="glyphicon glyphicon-chevron-right"></span> 
          <span class="sr-only">Next</span> 
         </a> 
        </div> 
        <div class="carousel-caption"> 
         Local Companies 
        </div> 
       </div> 

そして、背後に私のコードです:

protected void Page_Load(object sender, EventArgs e) 
    { 
     bindslide(); 
    } 
    public void bindslide() 
    { 
     SqlConnection conn; 
     string connectionStringR = ConfigurationManager.ConnectionStrings[ 
      "ConnectionString"].ConnectionString; 
     conn = new SqlConnection(connectionStringR); 
     SqlCommand cmd = new SqlCommand("SELECT * FROM ImagesTable", conn); 
     SqlDataAdapter da = new SqlDataAdapter(cmd); 
     DataSet ds = new DataSet(); 
     da.Fill(ds); 
     Rgallary.DataSource = ds; 
     Rgallary.DataBind(); 
     conn.Dispose(); 
     conn.Close(); 
    } 
+1

通常jQueryのスライドショープレーヤーが持っています 'どこかに設定します。それを確認してください。 – VDWWD

+0

@VDWWDこんにちは、それはブートストラップJSカルーセルなので、私はドキュメンテーションと見てみましょう。ありがとう – Sweg

+0

@VDWWD私は[ここ](http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp)で見つかった 'data-wrap =" true "'を使ってみましたが、これは自分のコードではうまくいかない。 – Sweg

答えて

0

私が間違っていたものを見つけましたが、

以下は私のASPXです。

私は、ブートストラップのドキュメントに目を通し、私はリピータ外にこのタグがありませんでした気づい:

<div class="carousel-inner" role="listbox"> 

以下このソリューションは、期待通りに動作します:

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover"> 
        <div class="carousel-inner" role="listbox"> 
         <!-- Wrapper for slides --> 
         <div class="carousel-inner" role="listbox"> 
          <asp:Repeater ID="Rgallary" runat="server"> 
           <ItemTemplate> 
            <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>"> 
             <asp:Image ID="imgId" runat="server" ImageUrl='<%# Bind("Company_Logo_Path", "~/Company_Logo/{0}") %>' /> 
            </div> 
           </ItemTemplate> 
          </asp:Repeater> 
         </div> 
         <!-- Left and right controls --> 
         <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
          <span class="glyphicon glyphicon-chevron-left"></span> 
          <span class="sr-only">Previous</span> 
         </a> 
         <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
          <span class="glyphicon glyphicon-chevron-right"></span> 
          <span class="sr-only">Next</span> 
         </a> 
        </div> 
        <div class="carousel-caption"> 
         Local Companies 
        </div> 
       </div> 
関連する問題