Question

我尝试在我的首页滑块（它使用循环插件）中添加手动“暂停”和“播放”按钮是我正在使用的。我已经尝试过参考循环插件示例来让我的工作正常工作，但是我缺乏java / jquery知识让我感到有些困惑。

以下是我想要实现的循环插件的链接： HTTP - ＆gt;＆gt; jquery.malsup.com/cycle/pause.html（垃圾邮件过滤不会让我出于某种原因发布此URL .. ????） - 我没有使用输入按钮，而是使用ID为以下内容的div：

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

据我所知，它并不像添加“Next”和“prev”按钮一样简单，因为循环插件不会将div ID作为推进和暂停幻灯片的选项。

对于暂停按钮，有问题的javascript如下（取自循环插件网站）：

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

显然我会将#pauseButton更改为#slider_pause。我将＃s1更改为什么？

我正在使用的wordpress目前有以下设置使循环插件工作。我现在在哪里添加它？

这是当前的wordpress主题文件代码，它集成了cycle = plugin：

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

Answer 1

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

在我的wordpress主页上暂停/播放循环插件按钮

1 个答案: