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

在同一页面中使用javascript添加新滑块时出现问题,javascript,html,slider,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

我正在尝试添加一个新的滑块到一个网站和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]! 乍一看,我认为数组大小限制可能会带来麻烦

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