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();
}
通常jQueryのスライドショープレーヤーが持っています 'どこかに設定します。それを確認してください。 – VDWWD
@VDWWDこんにちは、それはブートストラップJSカルーセルなので、私はドキュメンテーションと見てみましょう。ありがとう – Sweg
@VDWWD私は[ここ](http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp)で見つかった 'data-wrap =" true "'を使ってみましたが、これは自分のコードではうまくいかない。 – Sweg