Jquery Fancybox 제목이 표시되지 않습니다

Question

제대로 작동하는 fancybox 사진 갤러리가 있지만 사진에 제목을 추가하려고하는데 사진이 전혀 표시되지 않습니다.

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' 
      } 
     } 
    }); 
}); 

를 도와주세요!

Answer 1

$에 문서 http://fancyapps.com/fancybox/3/docs/#usage에서

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

Answer 2

.ready (문서) JS를 설정하려고하세요 - 캡션이 data-caption 속성

하지만를 사용하여 추가 할 수 있습니다

을, title 속성을 사용하려면 다음과 같이 쉽게 사용자 정의 할 수 있습니다.

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

데모 - https://codepen.io/anon/pen/bojEmQ?editors=1010

이 BTW, 당신이 v3에서 존재하지 않는 V2에서 옵션을 사용하고 있습니다.