layerUI相册

 

1、

$.getJSON('/jquery/layer/test/photos.json', function(json){

layer.photos({

photos: json,

shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机

});

});

//而返回的json需严格按照如下格式：

{
  "title": "", //相册标题
  "id": 123, //相册id
  "start": 0, //初始显示的图片序号，默认0
  "data": [   //相册包含的图片，数组格式
    {
      "alt": "图片名",
      "pid": 666, //图片id
      "src": "", //原图地址
      "thumb": "" //缩略图地址
    }
  ]

2、

如果是直接从页面中获取图片，那么需要指向图片的父容器，并且你的img可以设定一些规定的属性（但不是必须的）

//HTML示例
<div id="layer-photos-demo" class="layer-photos-demo">
  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
</div>
//调用示例
layer.ready(function(){ //为了layer.ext.js加载完毕再执行
  layer.photos({
    photos: '#layer-photos-demo'
    ,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
  });
});