JavaScript jCarousellite淡化动画

Posted 2021-05-20

$j(function() {
    $j(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
		circular: true,
		visible: 1,
		scroll: 1,
		start: 1,
		auto: 8500,
		speed: 0,
		beforeStart: function(a) {
			$j(a).parent().fadeTo(1000, 0);
			var bg = $j(a).find('img').attr('src');
			$j('.anyClass').css({
				backgroundImage: "url("+bg+")"
			}, 1000);
		},
		afterEnd: function(a) {
			$j(a).parent().fadeTo(1000, 1);
		}
    });
});