我的wordpress主頁上的循環插件的暫停/播放按鈕

我試過在我的首頁滑塊（它使用循環插件）中添加手動「暫停」和「播放」按鈕是我正在使用的。我已經嘗試引用循環插件示例來獲得我的工作，但是我缺乏java/jquery知識讓我有些困惑。我的wordpress主頁上的循環插件的暫停/播放按鈕

下面是我想要實現的循環插件的鏈接： HTTP - >> jquery.malsup.com/cycle/pause.html（垃圾郵件過濾不會讓我發佈此URL由於某種原因。 ????） - 而不是使用輸入按鈕的，我使用一個div以下的ID：

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

從我的理解它不是那麼容易，因爲加入「下一步」，「上一頁」按鈕作爲循環插件不會除了div ID作爲推進和暫停幻燈片的選項。

對於暫停按鈕有問題的JavaScript如下（從週期插件網站獲取）：

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

很顯然，我會改變#pauseButton到#slider_pause。我會將＃s1更改爲什麼？

我現在使用的wordpress目前有以下設置來使循環插件工作。我現在在哪裏添加它？

這裏是一個集成了週期=插件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

來源

2011-07-11 e2tango

的能力

＃s1它是包含應該循環的圖像的元素，所以如果將其命名爲＃s1，它應該保持＃s1

<script> 
$(function() { 
$('#slider_pause').click(function() { 
$('#s1').cycle('pause'); 
}); 
}); 

</script> 

<div id='s1'> 
<img.... 
<img.... 
<img.... 
</div> 
<a href="#" id="slider_pause"></a>

來源

2011-07-11 23:53:59

我的wordpress主頁上的循環插件的暫停/播放按鈕

回答

相關問題