Jquery循环插件.上一个命令不起作用

Jquery Cycle plugin. Command Prev not working

本文关键字:命令 不起作用 上一个 插件 循环 Jquery      更新时间:2023-09-26

我在让Jquery Cycle插件工作时遇到了问题。我的代码在下面。发生的事情是"下一步"按钮按顺序浏览幻灯片,但当我按下"上一步"时,它会从序列中的最后一个图像开始进入上一步。我不希望它自动播放,这就是为什么在我的文档上。ready函数我调用暂停命令。

任何帮助都将不胜感激。

-Sam

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('.main').cycle({
            fx : 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
        $(".main").cycle("pause");
    });
</script>
 // extra page code not shown //

    <div class="main" id="main">
        <img src="../images/design/beautiful1.jpg" height=600 width=500>
        <img  src="../images/design/beautiful2.jpg" height=600 width=500>
        <img  src="../images/design/beautiful3.jpg" height=600 width=500>
        <img  src="../images/design/beautiful4.jpg" height=600 width=500>
    </div>

</body>
<div class="label" id="nextbutton"><img src="../images/nextarrow.jpg"></div>
<div class="label" id="prevbutton"><img src="../images/prevarrow.jpg"></div>
<script>
      $("#nextbutton").live("click",function(){
                $(".main").cycle("next");
        }

     );
       $("#prevbutton").live("click",function(){
                $(".main").cycle("prev");
        }

     );
</script>

对我来说似乎很好:http://jsfiddle.net/petersendidit/4f2hx/