一页上有多个混合（自动+手动）幻灯片

Question

我正在尝试在一个页面上创建大约11种不同的自动/手动幻灯片，并且没有关于如何执行此操作的方法。我希望它看起来像这个页面上的第一张幻灯片https://www.jssor.com/demos/simple-fade-slideshow.slider，但每次我尝试在页面上放置多个这样的幻灯片时它都不起作用或弄乱div和格式化。

我很感谢能帮助我解决这个谜团：）

这是代码：

MediaPlayerElement

Answer 1

让它运作的两种方法。

1。为每个滑块指定唯一的id。

如果第一个是<div id="jssor_1" ...，则第二个可以是<div id="jssor_2" ...

2。初始化滑块时删除id属性。

var jssor_1_element = document.getElementById("jssor_1");
jssor_1_element.removeAttribute("id");
var jssor_1_slider = new $JssorSlider$(jssor_1_element, jssor_1_options);