2012-03-09 18 views
0

私はこれと永遠に闘ってきました。このJqueryスライダーを一時停止する方法は?

http://webdesignsalemoregon.com/westernmennoniteschool/

私はこのホームページ上のスライダーを持っていると私はそれに「一時停止する]をクリックし、」機能を追加する方法を把握しようとしています。私はこれは私がID =「pauseButton」と簡単なボタンを追加しました

var $featured_content = jQuery('#featured #slides'), 
    et_featured_slider_auto = jQuery("meta[name=et_featured_slider_auto]").attr('content'), 
    et_featured_auto_speed = jQuery("meta[name=et_featured_auto_speed]").attr('content'); 

if ($featured_content.length){ 
    var et_featured_options = { 
     timeout: 2000, 
     speed: 500, 
     cleartypeNoBg: true, 
     prev: '#featured a#featured-left', 
     next: '#featured a#featured-right', 
     pager: '#controllers', 
    } 
    if (et_featured_slider_auto == 1) et_featured_options.timeout = et_featured_auto_speed; 

    $featured_content.cycle(et_featured_options); 
} 

次にスライダーを生成するコードであると考えてい

を(そしておそらくクリックして(笑)、あまりにも再開し)と上に置きますスライダー。私はまた、そのボタン

$('#pauseButton').click(function() { 
$featured_content.cycle('pause'); 
}); 

ため、このコードを持っている。しかし、それは実際には、スライドショーを一時停止しないのですか?私はそれがhttp://jquery.malsup.com/cycle/からのサイクルプラグインを使用していると思うし、私はポーズコードを引っ張ったhttp://jquery.malsup.com/cycle/pause.html

どこが間違っているのですか?

答えて

1

スクリプトでjQuery.noConflict()を使用しているため、$変数がjQueryがインクルードされる前の状態に戻されます。 $()のすべての数字をjQuery()に置き換えてください。

jQuery('#pauseButton').click(function() { 
    $featured_content.cycle('pause'); 
}); 
+0

私はできれば、あなたに大きな濡れたキスを与えます! あなたは命の恩人です:) – Xhynk

関連する問題