title: Using Fancybox 3 image galleries with or without thumbnails?
body: <p>I have question concerning Fancybox 3. I have web page with many (10-15) image galleries each with about 50 images. Each gallery has one picture link on main page.
  What fancybox use is better/more efficient?:</p>
  
  <ol>
  <li><p>Using without thumbnails -> thumbnails grid is generated from big size images -> effect: when opening one gallery all big pictures are loaded.</p>
  
  <pre><code>&lt;p&gt;
      &lt;a href="big.jpg" data-fancybox="images"&gt;      
      &lt;img src="small_thumbnail.jpg" /&gt;
      &lt;/a&gt;
  &lt;/p&gt;
  
  &lt;div style="display: none;"&gt;
      &lt;a href="big_1.jpg" data-fancybox="images"&gt;&lt;/a&gt;
      &lt;a href="big_2.jpg" data-fancybox="images"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre></li>
  <li><p>Using with thumbnails -> thumbnails grid is generated from thumbnail small size images -> effect: when opening main page all thumbnails are loaded without any gallery openning.</p>
  
  <pre><code>&lt;p&gt;
      &lt;a href="big.jpg" data-fancybox="images"&gt;
      &lt;img src="small_thumbnail.jpg" /&gt;
      &lt;/a&gt;
  &lt;/p&gt;
  
  &lt;div style="display: none;"&gt;
      &lt;a href="big_1.jpg" data-fancybox="images"&gt; &lt;img src="small_1_thumbnail.jpg"&gt; &lt;/a&gt;
      &lt;a href="big_2.jpg" data-fancybox="images"&gt; &lt;img src="small_2_thumbnail.jpg"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre></li>
  </ol>