2015-02-09 12 views
0

與此答案相關的問題:Jssor slider - How do I destroy and recreate Jssor slider with different content。假設我有500張圖片(平均50kb),縮略圖(大約2-3kb),平均分爲6個類別。使用JJSOR與大型圖庫

預加載所有500張帶有縮略圖的圖像需要很長時間,通常的方法是顯示第一組圖像,在第一組結束時,它會從服務器讀取下一組圖像,並用新內容重新創建滑塊。

問題:這個新UI的插入點在哪裏?

當達到end of list時,reference API沒有任何掛鉤觸發某個功能。

回答

1

第一種方法,請嘗試延遲加載。爲了使延遲加載工作,請簡單地將< img src =「url」替換爲< img src2 =「url」

第二種方法,如上所述,您有6種圖像類別。 在開始時加載第一個類別並根據需要加載其他類別。 並按照以下步驟動態重新創建滑塊。

  1. 清除元素'slider1_container'的內容。
  2. 在'slider1_container'中填充新內容。
  3. [Optinal Step,您可以忽略此步驟]]請調用$ Pause(jssor_slider1。$ Pause())api來暫停舊的滑塊。
  4. 然後使用新的$ JssorSlider $(options);語句來創建jssor滑塊的新實例。
+0

感謝您的快速響應。延遲加載是否適用於縮略圖,例如:[垂直縮略圖](http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html)演示? – 2015-02-10 18:54:09

+0

是的,延遲加載也適用於縮略圖。 – jssor 2015-02-11 00:06:42