天天看點

FancyBox的ajax利用json形成gallery

<script>
$("#lookImage").click(function(){
    $.ajax({
         type : 'POST',
         //data : {'gal' : $(this).attr('rel')},
         url : "${z:u('/api/getImageList')}?logId="+${logId},
         dataType: 'json',
         complete: function(data) {
           var dataX = data.responseText;
           dataX = dataX.replace(/\"/g, "").replace(/href/g, "\"href\"").replace(/\'/g, "\""); //  /g表示替換全部,先去掉"",然後加上"",形成标準json
//         alert(dataX);
//         var img = [
//           {href:'/gtsafe-data/image/20160311/vOPRqChEJw_!!1744x2896.jpg'},
//           {href:'/gtsafe-data/image/20160311/VoFrQWHoTo_!!1744x2896.jpg'},
//           {href:'/gtsafe-data/image/20160311/leFrqChetF_!!1273x797.jpg'},
//           {href:'/gtsafe-data/image/20160311/BephgwrEJg_!!1077x664.png'},];
           var dataXsplit = dataX.split(',');
           var dataXarrayObj = new Array();
           for(var i=;i<dataXsplit.length;i++){
               dataXarrayObj[i] = $.parseJSON(dataXsplit[i]);
               //dataXarrayObj[i] = dataXsplit[i];
               //alert(dataXarrayObj[i]);
           }
           var opts = {
             prevEffect : 'none',
             nextEffect : 'none',
             helpers : {
               thumbs : {
                 width: ,
                 height: 
               }
             }
           };
           $.fancybox(dataXarrayObj, opts);
          }
       });
});
</script>
           

搞了很久,主要$.parseJSON要求太高,自己對JS又不熟,本來想在背景改,改來改去,js不通,最後用JS得replace 發現挺友善的,背景傳的json值

{

href: ‘/gtsafe-data/image/20160311/vOPRqChEJw_!!1744x2896.jpg’

}, {

href: ‘/gtsafe-data/image/20160311/VoFrQWHoTo_!!1744x2896.jpg’

}, {

href: ‘/gtsafe-data/image/20160311/leFrqChetF_!!1273x797.jpg’

}, {

href: ‘/gtsafe-data/image/20160311/BephgwrEJg_!!1077x664.png’

}

感謝 CodeGo.net/434539/

繼續閱讀