javascript - 响应式图片库，每张图片都可以通过锚链接访问

Question

我发现了很多很棒的响应式图片库，例如Flexslider，但它们都没有为您提供以下功能：

让每张图片都有自己的锚标签，可以通过 URL 直接访问。例如：http ://www.website.com/gallery#image-of-a-dog

我真正想要的是一个带有缩略图的画廊，其中每个缩略图将链接并通过锚链接滑动正确的图像。

我知道任何滑块都可以做到这一点，但它没有响应。

有谁知道解决方案？

Answer 1

这是一个使用jQuery cycle.

但是您可以将它与任何插件一起使用，让您选择从哪张幻灯片开始。

假设您有一个包含 10 张照片的画廊，当点击一张照片时，您会将数字附加到 url，假设您点击了照片，3因此 url 将是/gallery#3.

所以你需要得到这个号码：

 var num = location.pathname.split('#')[1];
 if (!num) num = 0; // default to starting slide.
 $('#gallery').cycle({ startingSlide: parseInt(num) });

希望这可以帮助。