我正在寻找类似于http://zendold.lojcomm.com.br/icarousel/example6.asp的 jquery 插件。
我需要像示例那样的图像幻灯片的加速效果。
它是否存在类似的东西?
我正在寻找类似于http://zendold.lojcomm.com.br/icarousel/example6.asp的 jquery 插件。
我需要像示例那样的图像幻灯片的加速效果。
它是否存在类似的东西?
您可以使用 jQuery UI 缓动:
jQuery:
var galW = 500; // SET HERE THE GALLERY WIDTH
var N = $('#slider img').length;
$('#thumbs img').on('click',function(){
N = $(this).index();
$('#slider').stop(1).animate({left: -galW*N},{duration:700, easing:'easeOutSine'});
});
// Easings:
/*
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInQuint
easeOutQuint
easeInOutQuint
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
*/
如果您需要在同一页面上处理多个画廊,或者您只是觉得很酷,这里是插件 v。
(您可以自定义 easing、slide-time 和 start-slide- N)
像这样http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
演示http://css-tricks.com/examples/FeaturedContentSlider/
希望这是你需要的。