javascript - 動的モードの lightGallery: クリックしたときに誤った画像が読み込まれる

Question

lightGallery を動的に設定し、'index' を使用して、リンクがクリックされたときに開く画像をターゲットにすると、最初のクリックでない限り、間違った画像が表示されます。

つまり、最初にサムネイル画像をクリックすると、ポップアップするギャラリーで正しい大きな画像が選択されていることがわかります。ただし、その画像を閉じて別のサムネイル画像をクリックすると、間違った画像が拡大されて表示されます (最初にクリックした画像が取得されます)。これは、最初のクリック後に「インデックス」機能が動かなくなることに関係していると思いますか?

問題を示すjsfiddleを作成しました（ネストされたすべてのDIVなどについてお詫びしますが、それらが原因ではないと確信しています）：http://jsfiddle.net/fcdeLd03/18/

誰にもアイデアはありますか？

これは、lightGallery を開始するための私の Javascript コードです。

$(".nodoubt").on('click', function(){
    var slideID = $(this).attr('data-slide');
    $("#lightgallery").lightGallery({
        download: false,
        dynamic: true,
        dynamicEl: [{
                        "src": 'http://sachinchoolur.github.io/lightGallery/static/img/1.jpg',
                        'thumb': 'http://sachinchoolur.github.io/lightGallery/static/img/thumb-1.jpg',
                        'subHtml': 'Photo 1 by <a href="http://www.example.com" target="_blank">Photographer Name</a><br />More caption text.<br />Even more caption text.'
                    },{
                        "src": 'http://sachinchoolur.github.io/lightGallery/static/img/2.jpg',
                        'thumb': 'http://sachinchoolur.github.io/lightGallery/static/img/thumb-2.jpg',
                        'subHtml': 'Photo 2 by <a href="http://www.example.com" target="_blank">Photographer Name</a><br />More caption text.<br />Even more caption text.'
                    },{
                        "src": 'http://sachinchoolur.github.io/lightGallery/static/img/3.jpg',
                        'thumb': 'http://sachinchoolur.github.io/lightGallery/static/img/thumb-3.jpg',
                        'subHtml': 'Photo 3 by <a href="http://www.example.com" target="_blank">Photographer Name</a><br />More caption text.<br />Even more caption text.'
                    },],
        index : slideID
        });
   });