2

3 つの div を持つスライダーを作成しようとしています。ボタンをクリックすると、左端の div が移動し、最初は右から見えなかった新しい div が取り込まれます。コンテンツ カルーセルを使用せずにこれを行いたい...

最初のクリックで機能しますが、その後、div がすべて混同され、正しく切り替えられません。これを実装するより良い方法はありますか? または、コードのロジックに問題がありますか?

デモ

また、ここに私のコードがあります:

function toggleDiv(total, idprefix) {
for (var i=1; i<total+1; i++) {
    var j = i-1;
    if (i==1) {
        document.getElementById(idprefix+i).id = 'last';
    } else if(i==total) {
        document.getElementById(idprefix+i).style.display = 'block';
        document.getElementById(idprefix+i).id = idprefix+j;
    } else {
        document.getElementById(idprefix+i).id = idprefix+j;
    }        
}

document.getElementById('last').style.display = 'none';
document.getElementById('last').id = idprefix+total;

}

4

1 に答える 1