将自定义过渡效果添加到jCarousel平滑滑块WordPress插件

Smooth Slider wp Plugin将jquery.jcarousel.min.js用于过渡效果。问题是它包含单一类型的转换（默认）：swing。将自定义过渡效果添加到jCarousel平滑滑块WordPress插件

有人可以请指导我如何可以将过渡类型更改为类似衰落？从我读过的内容中，我必须使用jQuery中的.animate（）函数，更具体地说，使用缓动属性。

我明白，它必须使用jQueryUI，也许增加插件到现有的jQuery？问题是我是一个jQuery总noob，并会真正感谢一些指导。

这里是我想自定义滑块：http://brainconcert.com/minovici/

来源

2012-01-20 Cos

我不能完全肯定，但我相信你可以通过使用jquery.jcarousel.min.js利用来自的jCarousel的属性。

那些（和细节）可以找到here。

你能做些什么来测试，这是发现类似这样的代码在你的<head>：

<!--START: Carousel--> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel(); 
    jQuery('.multi-carousel').jcarousel({ 
     easing: 'easeOutBounce', 
     animation: 750, 
     scroll: 4, 
     visible: 0, 
     auto: 0, 
     wrap: 'last', 
     initCallback: mycarousel_initCallback 
    }); 
     }); 
</script> 
<!--END: Carousel-->

利用easing:财产。

如果这不起作用，请不要删除easing属性。相反，将宽松查询插件found here您的服务器上，并把它在你的<head>像这样：

<script type="text/javascript" src="folder/jquery.easing.1.3.js"></script>

如果设置的宽松属性，调用该插件，其中包括最新的jQuery库它应该工作。

祝你好运！

来源

2012-01-21 10:34:01 entrprnr

谢谢！我设法将插件添加到我的网站，现在我可以切换到现有的缓动效果。 – Cos

还有一件事，您是否碰巧知道如何设置最后一张幻灯片，以便在返回第一张幻灯片时（现在它只是通过所有其他幻灯片）返回时具有相同的摆动效果。例如...滑块自动从1变为2，然后变为3,4和5 ......并且当它到达最后一个（5）时，它会像这样回到幻灯片1：5-4-3 -2-1。我正在寻找它从5到1的标准方式。我应该设置jCarousel或jQuery的属性吗？ – Cos

如果您将wrap: 'circular'添加到您的jCarousel <head>标记中，您可以将其从5转换为1 ...如何使这个工作与缓动我不完全确定。

查看jCarousel circular page的来源。

另外 - 很多不同的jCarousel示例（带源代码）here。

祝你好运

来源

2012-01-24 15:42:47 entrprnr

将自定义过渡效果添加到jCarousel平滑滑块WordPress插件

回答

相关问题