图片轮播

图片预先是存储在tomcat/webapps/jufang/photo文件夹下，查出图片名，返回到页面存储在imgurl中，页面代码如下：

<input type="hidden" name="imgurl" id="imgurl" value="${imgurl}">
<div region="west" title="房间图片" data-options="split: true" style="width:40%" >
<section id="rt-showcase-surround" >
<div class="csslider1 autoplay">
<ul id="litp">
<div id="lunboTp" style='visibility:hidden;'></div>
</ul>
<div class="cs_arrowprev">
<label class="num0" for="cs_slide1_0"></label>
</div>
<div class="cs_arrownext">
<label class="num0" for="cs_slide1_0"></label>
</div>
</div>
</section>
</div>

读取组件value，创建组件，添加组件，js无法直接访问本地文件，所以须将图片存到服务器，然后页面通过basepath获取图片，js代码如下：

$(function(){
var url= new Array();
url=$("#imgurl").val().split("&");
$("#lunboTp").append("<img src='<%=basePath%>kongfangPhoto/"+url[0]+"' style='height:100%'/>");
for(var i=0;i<url.length;i++){
$("#litp").append("<li class='num"+i+" img'><img src='<%=basePath%>kongfangPhoto/"+url[i]+"'/></li>");
}
});