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);

        });