暂停/播放按钮的循环插件在我的wordpress主页上 - Pause / Play buttons for cycle-plugin on my wordpress homepage

Pause / Play buttons for cycle-plugin on my wordpress homepage

我试过添加一个手动"暂停"answers"播放"按钮到我的首页滑块(它使用循环插件)是我使用的。我试着参考循环插件的例子来让我的工作，但我缺乏java/jquery知识让我有点困惑。

这是我想要实现的循环插件的链接:HTTP ->> jquery.malsup.com/cycle/pause.html(垃圾邮件过滤不会让我张贴这个URL出于某种原因..????)-而不是使用输入按钮，我使用一个div的ID如下:

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

据我所知，它不像添加"下一步"answers"上一步"按钮那么容易，因为循环插件不把div ID作为推进和暂停幻灯片的选项。

暂停按钮的javascript代码如下(取自cycle-plugin网站):

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

显然，我会将#pauseButton更改为#slider_pause。我把#s1变成什么?

我正在使用的wordpress他们目前有以下设置，使循环插件工作。我应该把它加到哪里呢?

下面是当前集成了cycle=plugin:

的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

#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>