Smooth Slider wp Plugin使用jquery.jcarousel.min.js进行过渡效果。问题是它包含一种类型的转换(默认):swing。
有人可以指导我如何将过渡类型更改为褪色之类的东西吗?根据我的阅读,我必须使用jQuery中的.animate()函数,更具体地说是缓动属性。
我明白必须使用jQueryUI完成,也许可以在现有的jQuery中添加插件?问题是我是jQuery的总菜鸟,非常感谢一些指导。
这是我想要定制的滑块:http://brainconcert.com/minovici/
我不完全确定,但我相信您可以使用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库它应该工作。
祝好运!
如果你将wrap: 'circular'
添加到你的jCarousel <head>
标签,你将能够让它从5转换为1 ...如何使这项工作缓和我不完全确定。
查看jCarousel circular page的来源。
此外 - 许多不同的jCarousel示例(使用代码来拉入源代码)here。
祝好运