javascript - クリックするたびに機能を切り替える

Question

ウェブサイト用のJavaScriptを使ってスライドショーのようなものを作ろうとしていますが、うまくいきません。私がやりたいのは、ワンクリックで正しく戻るように変更することです。

コードは次のとおりです。

function previous_slide()
{
    document.getElementById('banner').className = 'banner_2';
}

その単一の機能を現在のアクションとこれのアクションの間で切り替えたいと思います。

document.getElementById('banner').className = 'banner_1';

前のボタンを一度押すとスタイルがに変わり、banner_2もう一度押すとに戻りますbanner_1。

Answer 1

previous_slide = toggle( [function(){
    document.getElementById('banner').className = 'banner_2'
}, function() {
    document.getElementById('banner').className = 'banner_1' 
}]);

のコードtoggle

function toggle(functions) {
    var i = 0;
    return function() {
        return functions[i++ % functions.length].apply( this, arguments );
    }
}

Answer 2

function previous_slide()
{
  if (document.getElementById('banner').className == 'banner_2') {
      document.getElementById('banner').className = 'banner_1' 
  }
  else {
      document.getElementById('banner').className = 'banner_2'
  } 
}