使用滑块中的图像名称更新URL

时间:2014-04-16 03:27:25

标签: jquery jssor

我正在使用Jssor进行图片幻灯片放映。没关系。

我尝试在网址末尾显示图片名称(www.example.com/gallery/test#1.jpgwww.example.com/gallery/test#2.jpg ..)

这可以通过jssor滑块或任何其他方法来实现。 请提出任何想法。

1 个答案:

答案 0 :(得分:3)

如果您对它提供的效果感到满意,那么Jssor或任何滑块插件应该没问题。

来到你问题的第二部分。您可以按照与html相同的顺序将所有图像名称存储在某些js数组中。然后为

编写一个事件处理程序
slider1.$On($JssorSlider$.$EVT_PARK,function(slideIndex,fromIndex){});

每张幻灯片更改时触发。在此事件的回调中,您将获得slideIndex,您可以使用该索引从您创建的数组中获取图像名称。然后,您可以使用

更改网址锚点
location.hash = 'imagename.jpg';