FancyBox 3 einige Optionen nicht funktionieren

Question

Ich habe eine Website, in dem ich die

Ein Klick auf eines der Vorzeigeprojekte (gekachelt Bilder in der unteren Hälfte der Website) v3 FancyBox mit der Galerie eröffnet von Bildern in einer Fancybox.

Ich stoße auf ein sehr seltsames Problem. Ich kann die fancybox mit einigen Attributen konfigurieren, aber nicht mit anderen. Zum Beispiel zeigt dies nicht die Thumbnails beim Laden, aber das Looping ist perfekt deaktiviert.

$(document).ready(function(){ 
     $("#fancyboxLauncher_50").on("click", function() { 
     console.log('clicking #fancyboxLauncher_50'); 

     $(".fancybox_50").fancybox({ 
       selector : '[data-fancybox="gallery_50"]', 
       thumbs : { 
        autoStart : true, // Display thumbnails on opening 
       }, 
       hash  : false, 
       loop: false 
       ).eq(0).trigger("click"); 
       return false; 
      });     

}); 

Ich muss wirklich die Thumbnails beim Anklicken der Galerie zeigen. Bitte helfen Sie!

Answer 1

Ihr Code Syntaxfehler hat, sollte es wohl so sein:

$(document).ready(function() { 
     $("#fancyboxLauncher_50").on("click", function() { 
      console.log('clicking #fancyboxLauncher_50'); 

      $(".fancybox_50").fancybox({ 
       //selector : '[data-fancybox="gallery_50"]', // <- do you really need this? 
       thumbs : { 
        autoStart : true, // Display thumbnails on opening 
       }, 
       hash  : false, 
       loop: false 
      }).eq(0).trigger("click"); 

      return false; 
     });     

    });