jQuery UI轮播 - rcarousel插件rcarousel方向

时间:2013-02-28 15:25:29

标签: jquery user-interface

我正在使用jQuery UI轮播 - rcarousel插件(http://ryrych.github.com/rcarousel/),我想改变这个插件的方向。例如,当用户点击右箭头时,我希望旋转木马朝向正确的方向。下面是我正在使用的Jquery代码:

jQuery(function($) {$( "#carousel").rcarousel ({visible: 5, margin: 10, step: 5, });$( "#ui-carousel-prev" ).add( "#ui-carousel-next").hover(function() {$( this ).css( "opacity", 0.7 );},function() {$( this ).css( "opacity", 1.0 );});});

我该怎么做?感谢。

1 个答案:

答案 0 :(得分:0)

您可以在按钮上使用公共API中的方法:http://ryrych.github.com/rcarousel/#api

这样的事情会起作用:

$('#rightBtn').click(function() {
  $( "#carousel" ).rcarousel( "prev" );
}

$('#leftBtn').click(function() {
  $( "#carousel" ).rcarousel( "next" );
}

这实质上颠倒了默认行为。我重申我在评论中所说的话。这主要是为了混淆。

当你是新来的时候,我会提醒你接受一个答案,点击它的勾选标记和/或upvote任何你觉得有用的答案。