サムネイルの有無にかかわらず、Fancybox 3の画像ギャラリーを使用していますか？

Question

私はファンシーボックス3に関する質問があります。私は、約50枚のイメージを持つ多くの（10-15）イメージギャラリーを持つウェブページを持っています。各ギャラリーには、メインページに1つの画像リンクがあります。 /優れたサムネイルせずに使用？：

1. 、より効率的である何fancybox利用 - >サムネイルグリッドは、大きなサイズの画像から生成される - >効果：1つのギャラリーを開いたときにすべての大きな画像がロードされます。サムネイルを使用して

   <p> 
       <a href="big.jpg" data-fancybox="images">  
       <img src="small_thumbnail.jpg" /> 
       </a> 
   </p> 
   
   <div style="display: none;"> 
       <a href="big_1.jpg" data-fancybox="images"></a> 
       <a href="big_2.jpg" data-fancybox="images"></a> 
   </div> 
   

2. - >サムネイルグリッドは、サムネイルの小さなサイズの画像から生成される - >効果：メインページを開くときに、すべてのサムネイルが任意のギャラリーopenningなしでロードされます。

   <p> 
       <a href="big.jpg" data-fancybox="images"> 
       <img src="small_thumbnail.jpg" /> 
       </a> 
   </p> 
   
   <div style="display: none;"> 
       <a href="big_1.jpg" data-fancybox="images"> <img src="small_1_thumbnail.jpg"> </a> 
       <a href="big_2.jpg" data-fancybox="images"> <img src="small_2_thumbnail.jpg"></a> 
   </div> 
   

Answer 1

あなたは別のオプションを持っている - カスタムサムネイル画像を保存するためにdata-thumb属性を使用します。例：

<a href="big-image.jpg" data-fancybox="images" 
    data-thumb="small-image.jpg"></a> 

SEこのデモ - http://codepen.io/fancyapps/pen/yMxzvE?editors=1010