在同一页面中使用JavaScript添加新滑块时出现问题

时间:2019-02-19 15:13:55

标签: javascript html slider

我正在尝试向站点添加一个新的滑块(一个3º,我已经有2个),但是当我尝试添加另一个滑块时,它不起作用。我正在使用javascript,但我不知道如何将数字(1,0)(1,1)等放入。我尝试了几种方法,但我找不到正确的方法。

HTML:

1º滑块

<div class="slideshow-container" onclick="plusSlides(1, 0)">
<div class="mySlides1">
<div class="numbertext">1/11</div>
<img src="IMG/Femeni-no/femenino-00.jpg" style="width:100%">
<div class="text-femenino">Femeni-NO</div>
</div>

2º滑块

<div class="slideshow-container" onclick="plusSlides(1, 1)">
<div class="mySlides2">
<div class="numbertext">1/6</div>
<img src="IMG/Parasito/01.jpg" style="width:100%">
<div class="text-parasito">Parásito</div>
</div>

JS:

var slideIndex = [1,1];
/* Class the members of each slideshow group with different CSS classes */
var slideId = ["mySlides1", "mySlides2"] 
showSlides(1, 0);
showSlides(1, 1);

function plusSlides(n, no) {
showSlides(slideIndex[no] += n, no);
}

function showSlides(n, no) {
var i;
var x = document.getElementsByClassName(slideId[no]);
if (n > x.length) {slideIndex[no] = 1} 
if (n < 1) {slideIndex[no] = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none"; 
}
x[slideIndex[no]-1].style.display = "block"; 
}// JavaScript Document

//免责声明//我是编码和网页设计的入门者,愿意学习!

1 个答案:

答案 0 :(得分:1)

请注意 var slideIndex = [1,1];! 乍一看,我认为数组大小限制可能会造成麻烦。