0

我正在寻找类似于http://zendold.lojcomm.com.br/icarousel/example6.asp的 jquery 插件。

我需要像示例那样的图像幻灯片的加速效果。

它是否存在类似的东西?

4

2 回答 2

2

您可以使用 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

于 2012-05-08T11:14:30.030 回答
0

像这样http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

演示http://css-tricks.com/examples/FeaturedContentSlider/

希望这是你需要的。

于 2012-05-08T11:04:54.310 回答