响应式图库，每个图像都可通过锚链接访问

Question

我发现了很多很棒的响应式图片库，例如Flexslider，但是没有一个能够在功能上为您提供以下功能：

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

我真正想要的是一个带有缩略图的图库，每个缩略图都会通过锚链接链接并滑动右图像。

我知道Anything Slider可以做到这一点，但它没有响应。

有谁知道解决方案？

Answer 1

这是使用jQuery cycle的示例。

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

假设您有一张包含10张照片的图库，当您点击照片时 将数字附加到网址，假设您点击了照片3，因此点击了网址 将是/gallery#3。

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

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

希望这会有所帮助。