将自定义过渡效果添加到jCarousel Smooth Slider Wordpress插件

时间:2012-01-20 19:42:58

标签: javascript jquery wordpress wordpress-plugin jcarousel

Smooth Slider wp Plugin使用jquery.jcarousel.min.js进行过渡效果。问题是它包含一种类型的转换(默认):swing。

有人可以指导我如何将过渡类型更改为褪色之类的东西吗?根据我的阅读,我必须使用jQuery中的 .animate()函数,更具体地说是缓动属性。

我明白必须使用jQueryUI来完成,可能会在现有的jQuery中添加插件吗?问题是我是jQuery的总菜鸟,非常感谢一些指导。

以下是我想要自定义的滑块:http://brainconcert.com/minovici/

2 个答案:

答案 0 :(得分:0)

我不完全确定,但我相信您可以使用 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:属性。

如果这不起作用,请暂时不要删除宽松属性。相反,将缓动查询插件found here放在您的服务器上并在<head>中调用它,如下所示:

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

如果设置了缓动属性,调用该插件并包含最新的jQuery库,它应该可以工作。

祝你好运!

答案 1 :(得分:0)

如果您将wrap: 'circular'添加到您的jCarousel <head>标记中,您就可以将其从5转换为1 ...如何使这项工作变得宽松我不完全确定

查看jCarousel circular page的来源。

此外 - 许多不同的jCarousel示例(包含引入源代码的代码)here

祝你好运