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

发布于 2024-11-27 08:47:35 字数 472 浏览 5 评论 0原文

我正在使用 Prettyphotos 来显示幻灯片和灯箱,但如何获取灯箱中显示的当前照片 ID。

PrettyPhotos提供回调函数changepicturecallback: function()

我尝试过但无法获取当前照片ID。

我正在使用此代码

请帮助

$("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');

            }
        });

I am using prettyphotos to display slideshow and lightbox, but how I can get current photo id which is showing in Lightbox.

PrettyPhotos offer callback function changepicturecallback: function()

I tried it but am not able to get current photo id.

Am using this code

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

            }
        });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

森末i 2024-12-04 08:47:35

问题。

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

这应该可以解决Prettyphoto 不知何故不获取运行时元素的

This should do the trick

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

prettyphoto is somehow not fetching runtime elements.

雨后咖啡店 2024-12-04 08:47:35

你可以尝试

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

You could try

$('.pp_gallery').find('li').index($('.selected'));
眼角的笑意。 2024-12-04 08:47:35

将图像 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);

        }               
});

One way to pass image's id to pretty photo is to use link's title attribute.

Like below:

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

And then you can get picture id in changepicturecallback function like this:

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

        }               
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文