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

Question

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

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

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

Answer 1

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

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

编写一个事件处理程序

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

当每张幻灯片发生变化时会触发该事件。在此事件的回调中，您将获得 SlideIndex，您可以使用它从您创建的数组中获取图像名称。然后您可以使用更改 url anchor

location.hash = 'imagename.jpg';