使用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
- 使用bootstrap的幻灯片特效怎样动态添加repeater中的class
- Jquery实现添加3D特效到你的幻灯片
- Repeater控件的使用 (原样导出和动态显示/隐藏Repeater中的列)
- Repeater控件的使用 (原样导出和动态显示/隐藏Repeater中的列)
- repeater 动态添加一行
- repeater 动态添加一行
- repeater 动态添加一行
- repeater 动态添加一行
- repeater动态添加行
- repeater 动态添加行
- Ken Burns特效的幻灯片
- Ken Burns特效的幻灯片
- Ken Burns特效的幻灯片
- jquey动态添加class后在使用值的注意事项
- 幻灯片特效
- Repeater06-Repeater动态添加一行
- 10个不错的jquery幻灯片特效
- 【移动开发】Ken Burns特效的幻灯片
- Storm并行度详解
- Android中获取屏幕宽度(利于屏幕适配)
- Java 多线程学习
- Request 和 Response
- sublime text 配置自动前缀插件Autoprefixer 使用配置方法浏览器兼容css样式
- 使用bootstrap的幻灯片特效怎样动态添加repeater中的class
- 如何使用for循环和iterator循环remove掉list中的数据
- Manifest merger failed with multiple errors
- TreeMap
- 关于iframe的一些操作记录
- 在Ubuntu设置允许远程连接MySQL
- 小小C语言之基本数据类型与结构
- VC++中设置内存“块号”断点,检测内存泄漏问题
- Autumn中文文档2:控制器