圖片輪播

圖片預先是存儲在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>");
        }
    });