fancybox 3.2.5

fancybox 3.2.5
sample
ローカル環境では、動作しない?


blogspotの中で、画像ファイルはblogger側のlightboxが優先される?

 <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>  
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>  
   
 <a data-fancybox href="https://www.youtube.com/watch?v=xxxxx" data-caption="Cat Royalty Free Stock Video Footage 1080 copy right free"><img src="https://4.bp.blogspot.com/xxxxx.jpg" width="246" height="137" /></a><br />  
 <br />  
 <br />  
 <a data-fancybox="gallery" href="https://2.bp.blogspot.com/xxxxx.jpg" ><img src="https://2.bp.blogspot.com/xxxxx.jpg" /></a>  
 <a data-fancybox="gallery" href="https://3.bp.blogspot.com/xxxxx.jpg" ><img src="https://3.bp.blogspot.com/xxxxx.jpg" /></a>  
 <a data-fancybox="gallery" href="https://1.bp.blogspot.com/xxxxx.jpeg" ><img src="https://1.bp.blogspot.com/xxxxx.jpg" /></a>  
   
 <script type="text/javascript">  
  $("[data-fancybox]").fancybox({  
  // Options will go here  
  });  
 </script>