带缩略图的javascript滑块不能同时使用这两个选项

带缩略图的javascript滑块不能同时使用这两个选项,javascript,html,arrays,slider,Javascript,Html,Arrays,Slider,我用文本和缩略图制作了一个图像滑块。 问题是当我点击缩略图时,它正确显示照片没有问题,但当我点击下一步按钮,然后点击缩略图,然后滑块不工作,下面是代码 我使用了两个数组 用于图像 用于文本 然后使用next()和Previous()函数在单击next和Previous按钮时更改图像 var images=['', '', '' ]; var text=[“卡拉奇失踪”、“佩肖尔失踪”、“拉合尔失踪”]; var i=0; var x=document.getElementById(“演示”);

我用文本和缩略图制作了一个图像滑块。 问题是当我点击缩略图时,它正确显示照片没有问题,但当我点击下一步按钮,然后点击缩略图,然后滑块不工作,下面是代码

我使用了两个数组

  • 用于图像
  • 用于文本
  • 然后使用next()和Previous()函数在单击next和Previous按钮时更改图像

    var images=['',
    '',
    ''
    ];
    var text=[“卡拉奇失踪”、“佩肖尔失踪”、“拉合尔失踪”];
    var i=0;
    var x=document.getElementById(“演示”);
    var y=document.getElementById(“文本”);
    函数next(){
    i++;
    if(i=0){
    x、 innerHTML=图像[i];
    y、 innerHTML=文本[i];
    }否则{
    i=图像长度-1;
    x、 innerHTML=图像[i];
    y、 innerHTML=文本[i];
    }
    }
    函数更改(num){
    var thumb='images/'+num+'.jpg';
    document.getElementById(“demo1”).src=thumb;
    }
    
    

    以前的 下一个 卡拉奇失踪




    请发布一个片段,用演示数据再现您的问题。@IslamElshobokshy检查此项