使用bootstrap的幻灯片特效怎样动态添加repeater中的class

来源:互联网 发布:usb电流检测软件 编辑:程序博客网 时间:2024/06/07 12:50
<div id="myCarouel" class="carousel slide"> <!--幻灯片切换指标--> <ol class="carousel-indicators">  <li data-toggle="#myCarouel" data-slide-to="0" class="active"></li>  <li data-toggle="#myCarouel" data-slide-to="1"></li>  <li data-toggle="#myCarouel" data-slide-to="2"></li> </ol> <!--幻灯片项目--> <div class="carousel-inner">     <asp:Repeater ID="rpthd" runat="server">     <ItemTemplate>      <div class='<%# Container.ItemIndex.ToString()=="0"?("item active"):("item")%> '>  <img src="<%#Eval("nx_img") %>" alt="<%#Eval("nx_bt") %>" title="<%#Eval("nx_bt") %>" />      </div>     </ItemTemplate>     </asp:Repeater>   </div> <!--幻灯片导航--> <a class="carousel-control left" href="#myCarouel" data-slide="prev"><<<</a> <a class="carousel-control right" href="#myCarouel" data-slide="next">>>></a> </div>
由于bootstrap中 当 其中一条class="item active"的时候才可以有幻灯效果,但使用repeater出来的是一样的,所以使用 
 <%#Container.Itemdex.ToString()%>(默认Itemdex为0)来添加一个判断,如果为0则输出"item active" 否则"item"
0 0
原创粉丝点击