生成帶的fancybox

Question

首先，遺憾的英語不好:-)

在一些小網站，我自己的縮略圖畫廊，我想向用戶顯示其使用的fancybox縮略圖的圖片庫。 但是，在打開fancybox的頁面上，我沒有指向圖像的鏈接。 （因爲有很多圖像）。

所以，我想是這樣的：

$(document).ready(function() {    
    $.fancybox(
     [ 
      {href : 'rep/img01.jpg', rel : 'fancybox-thumb', class : 'fancybox-thumb'}, 
      {href : 'rep/img02.jpg', rel : 'fancybox-thumb', class : 'fancybox-thumb'} 
     ], 
     { 
      type : 'image', 
      autoScale : true, 
      prevEffect : 'none', 
      nextEffect : 'none', 
      thumbs: { 
       width : 50, 
       height : 50 
      } 
     }    
    ); 
}); 

它打開我的畫廊，但:-( 希望我清楚沒有縮略圖...

Answer 1

Thumbs是的子選項選項helpers所以你的代碼應該像

$(document).ready(function() { 
    $.fancybox([{ 
     href: 'rep/img01.jpg', 
     rel: 'fancybox-thumb', 
     class: 'fancybox-thumb' 
    }, { 
     href: 'rep/img02.jpg', 
     rel: 'fancybox-thumb', 
     class: 'fancybox-thumb' 
    }], { 
     // API options 
     type: 'image', 
     autoScale: true, 
     prevEffect: 'none', 
     nextEffect: 'none', 
     helpers: { 
      thumbs: { 
       width: 50, 
       height: 50 
      } // thumbs 
     } // helpers 
    }); // fancybox 
}); // ready