2011-07-11 7 views
1

私はフロントページスライダー(サイクルプラグインを使用しています)にマニュアル「一時停止」と「再生」ボタンを追加しようとしました。私はサイクルのプラグインの例を参照して鉱山作業をしようとしましたが、私のJava/jquery知識の欠如は私には少し困惑しています。私のWordPressのホームページにサイクルプラグイン用のポーズ/プレイボタンがあります

ここに私が達成したいと思っているサイクルプラグインへのリンクがあります: HTTP - >> jquery.malsup.com/cycle/pause.html(何らかの理由で迷惑メールフィルタリングが私にこのURLを投稿させません。 。????) - 代わりに、入力ボタンを使用しての、私は次のID年代でのdivを使用しています:

<a href="#" id="slider_pause"></a> 
    <a href="#" id="slider_resume"></a> 

を私は「次へ」と「前のページ」追加などのように簡単ではありません理解して何からサイクルプラグインとしてのボタンは、スライドショーの進行と一時停止のオプションとしてdiv IDを除いてはありません。次のように

一時停止ボタンの場合は、問題のJavascriptを(サイクル・プラグインのウェブサイトから引用)である:

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

もちろん、私は#slider_pauseする#pauseButtonを変更します。 #s1を何に変更すればよいですか?

現在私が使用しているワードプレスには、サイクル・プラグインの動作をさせるために次の設定があります。この時点でどこに追加しますか?ここで

プラグイン=サイクルを統合currenty WordPressのテーマファイルのコードです:現時点では残念ながら、そのローカルホストの開発に

<?php 
    $jcycle_timeout = get_option('ka_jcycle_timeout'); 
    $jcycle_pause_hover = get_option('ka_jcycle_pause_hover'); 
    if ($jcycle_pause_hover == "true") {$jcycle_pause_hover_results = '1';} 
    else {$jcycle_pause_hover_results = '0';} 
    echo '<script type="text/javascript"> 
    //<![CDATA[ 
    TTjquery(window).load(function() { 
    TTjquery(\'.home-banner-wrap ul\').css("background-image", "none"); 
    TTjquery(\'.jqslider\').css("display", "block"); 
    TTjquery(\'.big-banner #main .main-area\').css("padding-top", "16px"); 
    TTjquery(\'.home-banner-wrap ul\').after(\'<div class="jquery-pager"> 
    &nbsp;</div>\').cycle({ 
    fx: \'fade\', 
    timeout: '.$jcycle_timeout.', 
    height: \'auto\', 
    pause: '.$jcycle_pause_hover_results.', 
    pager: \'.jquery-pager\', 
    cleartypeNoBg: true, 
    prev: \'#prev1\', 
    next: \'#next1\' 
    }); 
    }); 
    //]]> 
    </script>'; 
    ?> 

と私はATM

答えて

0
それをアップロードする機能を持っていません

#s1サイクリングする必要のある画像が含まれている要素ですので、#s1として名前を付けると#s1になります。

関連する問題