Jssor Grid Slider - 如何自动刷新图像

Question

如何在Jssor Grid Slider中更改幻灯片时自动刷新图像。

我用这个来查看需要每5分钟更新一次的监控图像。

每个位置都有多个位置和多个摄像头。所以我打算显示5个位置，每个位置有5-8个摄像头。

Answer 1

首先，您删除所有儿童滑块。 然后填充子滑块的html代码，然后初始化子滑块。

        $.each(nestedSliders, function (nestedSlider) {    //This statements is not needed if $AutoPlay is false.
            nestedSlider.$Pause()
        });

        nestedSliders = [];

        $.each(["sliderh1_container", "sliderh2_container", "sliderh3_container", "sliderh4_container", "sliderh5_container"], function (index, value) {
            $("#" + value).remove();    //remove child slider

            //do something to populate html code

            var sliderhOptions = ...;
            var jssor_sliderh = new $JssorSlider$(value, sliderhOptions);   //reinitialize child slider

            nestedSliders.push(jssor_sliderh);

        });