一、左右按鈕的切換
1.獲取元素并設(shè)置索引卓研,這里定義的變量index是用來表示底部小圓點(diǎn)的位置
2.封裝左右按鈕的點(diǎn)擊事件
每點(diǎn)擊一次左側(cè)按鈕趴俘,圖片會向右側(cè)滾動一次睹簇,div的left值就會增加一個圖片的寬度,沒點(diǎn)擊一次右側(cè)的按鈕寥闪,圖片會向左側(cè)滾動一次太惠,div的left值會減小一個圖片的寬度。左右兩側(cè)按鈕進(jìn)行的操作很相似疲憋,在這里我們封裝一個方法凿渊。
在這個方法中我們要對滾動的位置做出判斷,主要當(dāng)點(diǎn)擊右側(cè)按鈕缚柳,滾動到最后一張圖片的時候埃脏,再次點(diǎn)擊右側(cè)按鈕是要滾動到第一張圖片,所以此時left值不能再減小一個圖片的寬度秋忙,而是讓left值為-imgthWidth即一張圖片的寬度彩掐。當(dāng)點(diǎn)擊左側(cè)按鈕,滾動到第一張圖片的時候灰追,再次點(diǎn)擊左側(cè)按鈕是要滾動到最后一張圖片堵幽,所以此時left值不能再增加一個圖片的寬度,而是讓left值為-imgthWidt*4.监嗜。
3.左右按鈕綁定點(diǎn)擊事件