layer前端元件實現圖片顯示功能
實現圖片顯示功能:layer1.在這裡介紹一種layer前端元件layer是一款口碑極佳的web彈層元件,她具備全方位的解決方案,
致力於服務各個水平段的開發人員,您的頁面會輕鬆地擁有豐富而友好的操作體驗。官網下載地址:http://sentsin.com/jquery/layer/
裡面有具體的使用方法這裡注意幾點:在使用layer前端元件之前,我們要引入layer的js檔案
<script type="text/javascript" src=".../.../layer/layer/layer.js"></script>
<script type="text/javascript" src=".../...//layer/layer/extend/layer.ext.js"></script>
具體的用法如下:
{ //您服務端介面需嚴格按照下述格式返回
"status": 1, //請求的狀態,1表示成功,其它表示失敗
"msg": "", //狀態提示語
"title": "", //相簿標題
"id": number型, //相簿id
"start": 0, //初始顯示的圖片序號,預設0
"data": [ //相簿包含的圖片,陣列格式
{
"pid": number型, //圖片id
"src": "", //原圖地址
"thumb": "", //縮圖地址
"area": [638, 851] //原圖寬高
}
]
}
利用如:StringBuilder str = new StringBuilder();
的append方法按照上面的連結起來,一定要準確
最後返回的是如:return str.toString();
具體的用法也可以到 http://sentsin.com/jquery/layer/中檢視