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

ajg*_*arn 2 javascript php jquery photo-gallery

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

我想做的是:

mywebsite.com/pictures/?pid=12345
Run Code Online (Sandbox Code Playgroud)

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

alp*_*vin 6

或者只是在你的客户端做:

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

您可以尝试将ID添加到URL的哈希值而不是查询字符串.例如,URL将是:

http://mywebsite.com/pictures/#12345
Run Code Online (Sandbox Code Playgroud)

将这些代码添加到您的页面:

$(function(){
    $.galleriffic.gotoImage(location.hash);
});
Run Code Online (Sandbox Code Playgroud)

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