1. 程式人生 > >layer前端元件實現圖片顯示功能

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>

注意到layer.js檔案應該在jquery後面引入,因為layer.js是基於jquery.js的!2.json實現圖片顯示功能還需要json:
具體的用法如下:
{ //您服務端介面需嚴格按照下述格式返回
        "status": 1,    //請求的狀態,1表示成功,其它表示失敗
        "msg": "",  //狀態提示語
        "title": "",    //相簿標題
        "id": number型,    //相簿id
        "start": 0, //初始顯示的圖片序號,預設0
        "data": [   //相簿包含的圖片,陣列格式
            {
                "name": "", //圖片名
                "pid": number型, //圖片id
                "src": "", //原圖地址
                "thumb": "", //縮圖地址
                "area": [638, 851] //原圖寬高
            }
        ]
    }
利用如:StringBuilder str = new StringBuilder();
的append方法按照上面的連結起來,一定要準確
最後返回的是如:return str.toString();
具體的用法也可以到 http://sentsin.com/jquery/layer/中檢視