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

问题描述 投票:0回答:2

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

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

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

这是我想要定制的滑块:http://brainconcert.com/minovici/

javascript jquery wordpress wordpress-plugin jcarousel
2个回答
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库它应该工作。

祝好运!


0
投票

如果你将wrap: 'circular'添加到你的jCarousel <head>标签,你将能够让它从5转换为1 ...如何使这项工作缓和我不完全确定。

查看jCarousel circular page的来源。

此外 - 许多不同的jCarousel示例(使用代码来拉入源代码)here

祝好运

© www.soinside.com 2019 - 2024. All rights reserved.