prettyphotoギャラリーで現在の写真IDを取得する方法

Question

私はprettyphotosを使ってスライドショーやライトボックスを表示していますが、Lightboxに表示されている現在の写真IDを取得する方法はありますか？

PrettyPhotosは、コールバック関数changepicturecallbackを提供します：機能を（）

私はそれを試してみましたが、現在の写真のIDを取得することはできませんよ。

あなたはこれが

$pp_pic_holder.find("#pp_full_res img").attr("id"); 

prettyphotoは何とかランタイムを取得されていないトリックを行う必要があります

$('.pp_gallery').find('li').index($('.selected')); 

Answer 1

を試みることができるplzは

$("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_square',slideshow:5000, 
      changepicturecallback: function(){ 
      //Run on every image change 
       $('.gallery-list li').index($('.selected')).find('img').attr('id'); 

      } 
     }); 

Answer 2

を助け、このコードに

を使用しています要素。

Answer 3

イメージのidをpretty photoに渡す方法の1つは、リンクのtitle属性を使用することです。

以下のように：

<a href="foo/bar/preview.jpg" rel="prettyPhoto[pp_gal]" title="<div class='pictureId' style='display:none'>__HIDDEN_IMAGE_ID__</div>picture description"> 
<img src="thumbnail.jpg" alt="filename"/> 
</a> 

そして、あなたは、このようにchangepicturecallback機能で画像IDを取得することができます。

$("a[href!='#'][rel^='prettyPhoto']").prettyPhoto({ 
    changepicturecallback: function() { 
     var id = $(".pp_details .pp_description .pictureId").html(); 
     alert(id); 

     }    
});