Question

我正在使用prettyphotos来显示幻灯片和灯箱，但我如何获得Lightbox中显示的当前照片ID。

PrettyPhotos提供回调函数changepicturecallback：function（）

我试了但是无法获得当前的照片ID。

使用此代码

plz help

$("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 1

你可以尝试

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

Answer 2

这应该可以解决问题

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

prettyphoto在某种程度上无法获取运行时元素。

Answer 3

将图片的ID传递给漂亮照片的一种方法是使用链接的标题属性。

如下所示：

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

        }               
});

我如何在漂亮照片库中获取当前照片ID

3 个答案: