Smooth Slider wp Plugin使用jquery.jcarousel.min.js进行过渡效果。问题是它包含一种类型的转换(默认):swing。
有人可以指导我如何将过渡类型更改为褪色之类的东西吗?根据我的阅读,我必须使用jQuery中的 .animate()函数,更具体地说是缓动属性。
我明白必须使用jQueryUI来完成,可能会在现有的jQuery中添加插件吗?问题是我是jQuery的总菜鸟,非常感谢一些指导。
以下是我想要自定义的滑块:http://brainconcert.com/minovici/
答案 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。
祝你好运