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

【问题标题】：Set first selected image in Galleriffic jQuery plugin?在 Galleriffic jQuery 插件中设置第一个选定的图像？
【发布时间】：2012-02-12 21:50:13
【问题描述】：

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

我想做的是：

mywebsite.com/pictures/?pid=12345

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

【问题讨论】：

【解决方案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。

【讨论】：

感谢您的回答！如果我使用图像位置（从 1 开始）作为 id，$.galleriffic.gotoImage(id) 方法有效。每个缩略图的锚点在 href 标记 (<a class="thumb" href="#1" ...>) 中都有这个位置。但是，您知道是否有任何方法可以用我从数据库中收到的我自己的 ID 替换这个自动设置的数字？
我认为你可以通过哈希去图像，试试 $.galleriffic.gotoImage("#bileaf");在示例中 4 twospy.com/galleriffic/example-4.html ... 它有效！
"bigleaf" 是包含缩略图的链接的名称属性的值，顺便说一句

【解决方案2】：

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

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

有几种不同的方式来填充 id 变量。如果你也在使用 php，你可以使用这个：

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

【讨论】：