2011-05-26 13 views
0

インターカルーセルの自動スクロールを行うこの機能があります。私がすることを望むマウスオーバー時のプロトタイプブロック機能

function startInterval() { 
if (totSliders > 1) { 
interval = setInterval("next()", 7000); } 
setInterval("Time()", 1000); 
} 
window.onload = function { 
startInterval() 
} 

は、マウス比べていくつかの "クラスUL李" 要素(それぞれ)に、クリア機能startInterval()ドライブは、停止しました。要するに、カルーセル要素の上にマウスを置くと、自動スクロールが停止します。 マウスの出力では、代わりに同じ機能(したがって、自動スクロール)を再開する必要があります。

私はそのsetInterval( "Time()"、1000)を指摘します。これらのマウスオーバー/アウトイベントでは考慮されるべきではありません。それはオンロードと呼ばれるだけです。

ターゲットはどのように達成できますか?おかげで多く

答えて

0

私はちょうど質問を理解するのは難しいので、この1つを刺している。私の推測から、とonmouseoutイベントをclass ul liのすべての要素に追加しようとしていますか?その場合は、ここにあなたがそれを行う方法は次のとおりです。

function pauseInterval(evt) { 
    clearInterval(interval); 
} 

function resumeInterval(evt) { 
    interval = setInterval("next()", 7000); 
} 

var listElements = $$('class').getElementsByTagName('li'); 
for (var i = 0; i < listElements.length; i++) { 
    listElements[i].on('mouseover', resumeInterval); 
    listElements[i].on('mouseout', pauseInterval); 
} 

私は間違いなくバグテストこの、原因は私はわからないがあるだろう。

+0

復元力のためだけに、各要素のオブザーバーを個別に設定するのではなく、['Event.on'](http://api.prototypejs.org/dom/Event/on/)を検討してください。 – clockworkgeek

+0

@clockworkgeek:更新しました、ありがとうございます。 – Pat

+0

こんにちは、ごめんなさい。私はあなたのコードをまだテストしていませんが、私はすぐにそれを行うつもりです。時間が足りない「Event.on」で更新されたコードをどうすれば試すことができますか? – serytankian

関連する問題