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>



原创粉丝点击