鍍金池/ 問答/HTML  Office/ 這一段是什么意思????

這一段是什么意思????

var imgs = ['1.jpg', '2.jpg','3.jpg'];

var idx = 0;

function resetImgs(dir){
    var len = imgs.length;

    switch(dir){
        case 'PREV':
            if(idx <= 0){
                idx = len - 1;
                  _setPrevImgs(idx);
            }else{
                idx--;
                _setPrevImgs(idx);
            }
              break;
        case 'NEXT':
            if(idx >= 0 && idx < len - 1){
                _setNextImgs(idx);
                idx++;
            }else if(idx >= len - 1){
                _setNextImgs(idx);
                idx = 0;
            }
        break;
    }

    for(var i in imgs){
        document.getElementById('img' + (Number(i) + 1)).src = imgs[i];
    }

    function _setNextImgs(index){
        curImg = (index + 1) + '.jpg';
        imgs.splice(0, 1);
        imgs.push(curImg);
    }

    function _setPrevImgs(index){
        curImg = (index + 1) + '.jpg';
        imgs.splice(len - 1, 1);
        imgs.unshift(curImg);
回答
編輯回答
安淺陌

定義了一個數組,保存了圖片的src信息。

var imgs = ['1.jpg', '2.jpg','3.jpg'];

調用resetImgs函數時,根據參數dir來判斷是上一張圖片還是下一張圖片。
如果是上一張圖片,就執(zhí)行_setPrevImgs
如果是下一張圖片,就執(zhí)行_setNextImgs
這兩個函數對curImg進行修改,改變curImg即當前圖片的值。

不懂可以繼續(xù)問~

2018年5月28日 23:39