キャプション/サムを上下に追加する方法

Question

フェザーライトモード画像の下にキャプションを追加したいとします。私はそうするために次のコードを使用しようとしましたが、ここの他の多くの投稿が示唆されていますが、うまくいきませんでした。

$.featherlightGallery.prototype.afterContent = function() { 
      var caption = this.$currentTarget.find('img').attr('alt'); 
      this.$instance.find('.caption').remove(); 
      $('<div class="caption">').text(caption).appendTo(this.$instance.find('.featherlight-content')); 
    } 

代わりに、私は、コンソールに次のエラーを得た：ここ

Uncaught TypeError: Cannot read property 'prototype' of undefined 
at main.js:62 

featherlight.min.js:8 Featherlight: no content filter found (no target specified) 

---

は、私は私のページに画像を挿入しています方法です。私の計画は、モーダルイメージの下に親指を上下に入れることです。少なくともaltタグを正しく表示することは良い最初のステップになると思いました。誰かが本当にaltキャプションの代わりにリンク/画像を挿入するのを実際に助けることができれば、それはさらに良いでしょう！どんな助けでも大歓迎です！

JAVASCRIPT

function putImages(){ 

if (ajaxCall.readyState==4){ 

    if(ajaxCall.responseText){ 
     // to separate the file names, with semicolons 
     var resp = ajaxCall.responseText; 
     var files = resp.split(";"); 
     // check if string isn't empty and add a thumbnail 
     for(var i = 0; i < files.length; i++){ 

      if(files[i] != ""){ 

       document.getElementById("gallery").innerHTML += '<img class="myImg" src="/img/'+files[i]+'" width="198" height="198" alt="test" data-featherlight="/img/'+files[i]+'" />'; 
       picCount++; 

       } 
      } 
     } 
    } 
} 

HTML

<div class="container"> 
     <!-- Image Gallery --> 
     <div class="row"> 
     <div class="col-xs-12" id="gallery"> 

     </div> 
     </div> 
    </div> 

Answer 1

エラーメッセージが$.featherlightGalleryがundefinedであることを語っています。あなたは正しくフェザーライトギャラリーをロードしていない、またはちょうどフェザーライトを使用している場合は、それはあなたが変更する必要がありますオプションです。