ITPub博客

首页 > 应用开发 > > 点击自动轮播图片下面的小圆点实现图片切换功能,并不是左右箭头那种切换

点击自动轮播图片下面的小圆点实现图片切换功能,并不是左右箭头那种切换

作者:karspb 时间:2019-07-31 09:55:35 0 删除 编辑

我这个轮播图片没有左右箭头,只有下面的小圆点随着图片一起轮播,怎么实现onclick点击小圆点切换图片的功能

这是我的js代码

var nextPcc = 1;

function turnDisplay(){

var arr = document.getElementById("center_center_2").getElementsByTagName("img");

//把下一张要显示的图片显示,其他图片隐藏

for(var i = 0;i < arr.length;i++){

if(i == nextPcc){

arr[i].className = "show";

}else{

arr[i].className = "hidden";

}

}

}

function turnDisplay1(){

var ara = document.getElementById("ppp").getElementsByTagName("a");

    for( var j = 0; j<ara.length;j++){

if(j == nextPcc){

ara[j].className = "baidian";

}else{

    ara[j].className = "quanquan";

}

}turnDisplay();

if(nextPcc < ara.length - 1){

    nextPcc++;

    }else{

    nextPcc = 0;

     }

return j;

}

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2001/viewspace-3138106/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: ,求个java大佬
请登录后发表评论 登录
全部评论

注册时间:2019-07-31

  • 博文量
    222
  • 访问量
    16821