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;
}