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

Question

我正在使用 Jssor 进行图像幻灯片放映。很好。

我正在尝试在 url ( www.example.com/gallery/test#1.jpg, www.example.com/gallery/test#2.jpg..)末尾显示图像名称

这是否可以使用 jssor 滑块或任何其他方法来解决这个问题。请提出任何想法。

Answer 1

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

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

slider1.$On($JssorSlider$.$EVT_PARK,function(slideIndex,fromIndex){});

每张幻灯片更改时都会触发。在此事件的回调中，您将获得 slideIndex，您可以使用它从您创建的数组中获取图像名称。然后，您可以使用更改 url 锚点

location.hash = 'imagename.jpg';