在Galleriffic jQuery插件中设置第一个选定的图像？

Question

我正在使用Galleriffic jQuery plugin作为我的照片库。库图像是从PHP中的数据库加载的。我希望能够从另一个网页链接到图库中的一张照片，并使用URL查询传递该图像的ID。然后应该选择此图像并在大预览（或幻灯片放映容器）中显示，而不是默认的第一个图像。

我想做的是：

mywebsite.com/pictures/?pid=12345

其中 12345 是要选择的图像的ID。

Answer 1

或者只是在您的客户端进行：

$(function(){
    var id = location.href.replace(/.*pid=/, '');
    $.galleriffic.gotoImage(id);
});

您可以尝试将ID添加到URL的哈希值而不是查询字符串。 例如 网址为：

http://mywebsite.com/pictures/#12345

将这些代码添加到您的网页：

$(function(){
    $.galleriffic.gotoImage(location.hash);
});

这样会更好，因为Galleriffic在查看不同图片时不会更改页面URL。

Answer 2

您可以使用一些jQuery在图库加载后单击特定图像：

$("img#"+id).trigger('click');

填充id变量有两种不同的方法。如果你也在使用php，你可以使用它：

<?php echo "var id = ".$_GET['pid'].";"; ?>