帶有滑塊圖像名稱的更新URL

Question

我正在使用Jssor進行圖像幻燈片放映。它很好。

我試圖在URL中到底要幹什麼顯示圖像名稱（www.example.com/gallery/test#1.jpg，www.example.com/gallery/test#2.jpg ..）

這可能與jssor滑塊或任何其他方式來處理這一點。 請提出任何想法。

Answer 1

如果您對其提供的效果感到滿意，Jssor或任何滑塊插件都應該沒問題。

來到您的問題的第二部分。您可以按照與html相同的順序將所有圖像名稱存儲在某個js數組中。然後寫一個事件處理程序

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

當每張幻燈片發生變化時會觸發它。在此事件的回調函數中，您將獲得slideIndex，您可以使用它來從您創建的數組中獲取圖像名稱。然後你就可以使用

location.hash = 'imagename.jpg';