bootstrap carousel
来源:互联网 发布:linux下echo命令 编辑:程序博客网 时间:2024/05/19 15:44
<div id="carousel-example-generic" class="carousel slide imgShow" data-ride="carousel"><ol class="carousel-indicators"><li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="1"></li><li data-target="#carousel-example-generic" data-slide-to="2"></li><li data-target="#carousel-example-generic" data-slide-to="3"></li></ol><div class="carousel-inner"><div class="item active" role="listbox"><s:if test="webSiteList[0].type == 1"><img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[0].photoUrl' />" > </s:if><s:if test="webSiteList[0].type == 2"><video src="<s:property value='webSiteList[0].photoUrl' />" width="600px" height="330px" controls="controls"></video></s:if></div><div class="item"><s:if test="webSiteList[1].type == 1"><img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[1].photoUrl' />" > </s:if><s:if test="webSiteList[1].type == 2"><video src="<s:property value='webSiteList[1].photoUrl' />" width="600px" height="330px" controls="controls"></video></s:if></div><div class="item"><s:if test="webSiteList[2].type == 1"><img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[2].photoUrl' />" > </s:if><s:if test="webSiteList[2].type == 2"><video src="<s:property value='webSiteList[2].photoUrl' />" width="600px" height="330px" controls="controls"></video></s:if></div><div class="item"><s:if test="webSiteList[3].type == 1"><img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[3].photoUrl' />" > </s:if><s:if test="webSiteList[3].type == 2"><video src="<s:property value='webSiteList[3].photoUrl' />" width="600px" height="330px" controls="controls"></video></s:if></div></div> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
阅读全文
0 0
- Bootstrap Carousel
- bootstrap carousel
- Bootstrap学习之Carousel
- bootstrap中的carousel插件
- Bootstrap Carousel Plugin
- carousel(Bootstrap)
- bootstrap 修改carousel 样式
- bootstrap之carousel
- Bootstrap之轮播 carousel
- bootstrap 2-滚动广告Carousel
- angular js轮播图 (Carousel (ui.bootstrap.carousel))
- 【Bootstrap】图片轮播组件Carousel
- Bootstrap Carousel(轮播插件)
- bootstrap-carousel研究与改造过程
- bootstrap 旋转木马carousel 图片轮播
- Bootstrap插件carousel源码的学习
- 定制bootstrap的carousel-indicators li
- 昨日使用Bootstrap轮播器插件Carousel
- 攻击玉兔小游戏
- CentOS yum升级GCC到4.8
- Linux命令date日期时间和Unix时间戳互转
- 用编程的思路模拟解决脑筋急转弯问题
- android 打开闪光灯,使用camera
- bootstrap carousel
- 并发请求在实际应用的处理探讨
- WebProject有关知识点
- Spring入门之bean属性注入集合
- selenium之 chromedriver与chrome版本映射表(更新至v2.30)
- 剑指offer-二叉树中和为某一值的路径
- Mac Charles 抓包
- 编程基础刷题(四)
- Thinkphp3.2 行为扩展和插件(Hook)实例详解