Javascript:一款简易的图片切换插件

  var oCircle=document.getElementById(‘circle‘);
    var oSingle=document.getElementById(‘single‘);

    var oImg=document.getElementById(‘img‘);
    var oPrevBtn=document.getElementById(‘prevBtn‘);
    var oNextBtn=document.getElementById(‘nextBtn‘);
    var oPageCount=document.getElementById(‘pageCount‘);
    var oImgDes=document.getElementById(‘imgDes‘);


    var imgCount=[‘0.jpg‘,‘1.jpg‘,‘2.jpg‘,‘3.jpg‘];
    var imgTitle=[‘1tree‘,‘2run‘,‘3hit‘,‘4sun‘];

    var num=0;

    //提取公共执行部分
    function commonFun(){
        oImg.src=‘img/‘+imgCount[num];
        oPageCount.innerHTML=num+1 +‘/‘+imgCount.length; 
        oImgDes.innerHTML=imgTitle[num];  
    }

    commonFun();

   
   //当用户没有选择播放模式时候，先提醒其选择播放模式
    if (oSingle.classList.contains(‘btnSelect‘)==false && oCircle.classList.contains(‘btnSelect‘)==false ) {

         oNextBtn.onclick=function(){
            alert("请选择图片播放模式");
         }

         oPrevBtn.onclick=function(){
            alert("请选择播放模式");
         }

    }


    //开启循环播放模式

    oCircle.onclick=function(){
    
    //添加按钮选中时按钮样式变化
     if (oSingle.classList.contains(‘btnSelect‘)) {
        oSingle.classList.remove(‘btnSelect‘);
     }

     oCircle.classList.add(‘btnSelect‘);


     //循环播放函数主体
     
     oNextBtn.onclick=function(){ 
        num++; 

        if (num>imgCount.length-1) {
            num=0;
        }
        commonFun();
    }

  
    oPrevBtn.onclick=function(){
        num--; 
        if (num<0) {
            num=imgCount.length-1;
         } 
        commonFun();
    }

    }


    //开启单向播放模式
    
    oSingle.onclick=function(){
    
    //添加按钮选中时按钮样式变化
    
    if (oCircle.classList.contains(‘btnSelect‘)) {
        oCircle.classList.remove(‘btnSelect‘);
     }

     oSingle.classList.add(‘btnSelect‘);

     
     oNextBtn.onclick=function(){ 
        num++; 

        if (num>imgCount.length-1) {
            alert("~wow~已是最后一张,请向前播放");
            num=imgCount.length-1;
        }
        commonFun();
    }

     //循环播放函数主体
    oPrevBtn.onclick=function(){
        num--; 
        if (num<0) {
            alert("~wow~已是第一张,请向后播放");
            num=0;
         } 
        commonFun();
    }

    }