首先写好html 

其次逻辑:1通过标题渲染小图 

                   2点击小图时,设置大图,

                  3判断左,右边的极限值,

 代码如下(jquery)

拿到数据遍历数组,得到想要的数据,例:

      $data=data;
       console.log($data)
$.each($data.pic,function(i,val){
        console.log(val["filter-name"])
$.each(val.filter,function(key,val2){
    console.log(val2["type-name"]);
    })
});

得到数据渲染页面