Jquery Fancybox titre ne montre pas

Question

J'ai une galerie de photos fancybox qui fonctionne correctement mais j'essaye d'ajouter des titres aux photos et je ne peux pas les faire apparaître du tout.

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css" /> 

<a data-fancybox="gallery" class="party" title="I met Anna in 2007 while in college at NAU in Flagstaff, AZ." href="images/anna.jpeg"> 
    <img class="smig" src="images/anna.jpeg"> 
</a> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js"></script> 

JS

$(document).ready(function() { 
    $("a.party").fancybox({ 
     helpers : { 
      title: { 
       type: 'inside' 
      } 
     } 
    }); 
}); 

S'il vous plaît aider!

Answer 1

S'il vous plaît essayer de mettre Js $ (document) .ready

$(document).ready(function() { 
     $("a.party").fancybox({ 
     helpers : { 
      title: { 
       type: 'inside' 
      } 
     } 
     }); 
    }); 

Answer 2

De docs http://fancyapps.com/fancybox/3/docs/#usage -

Une légende peut être ajouté en utilisant l'attribut data-caption

Mais, si vous voulez utiliser l'attribut title, vous pouvez facilement personnaliser comme ceci:

$('[data-fancybox="gallery"]').fancybox({ 
    caption : function(instance, item) { 
    return $(this).attr('title'); 
    } 
}); 

Démo - https://codepen.io/anon/pen/bojEmQ?editors=1010

BTW, vous utilisez les options de v2 qui n'existent pas dans v3.