jQuery fadeOut/fadeIn help help. (jsfiddle)

Question

У меня есть базовый скрипт для создания эффекта слайдера. У меня есть настройка для простого переключения элементов. Вместо того, чтобы просто переключаться, им нужно создать эффект fadeOut/fadeIn. Иерархия документации, похоже, отличается от каждого сценария ... есть ли метод базового или начального уровня для добавления эффекта затухания к уже существующему скрипту? Заранее спасибо.

jsfiddle: http://jsfiddle.net/williamwong/865gG/1/

Answer 1

Я думаю, что вы могли бы использовать одушевленные(), скрыть(), шоу() функции, использующие непрозрачности свойства.

Answer 2

Самый простой способ - использовать методы jQuery fadeIn() и fadeOut().

$('div').fadeIn(); 

Документация для этих методов (fadeIn(), fadeOut()) имеет большие примеры.

EDIT

Вот как я бы изменить код, чтобы использовать его:

var cycle = window.setInterval(next, 2000); 

function next() { 
    $('#slides .current').fadeOut(function(el) { 
     $(this).removeClass('current').next().add('#slides :first').last().addClass('current').fadeIn() 
     }); 
} 

В принципе, вы хотите ждать, пока FADEOUT не завершится исчезать в следующем пункте. Кроме этого, ваш код почти такой же.

обновление развилка вашей скрипкой - http://jsfiddle.net/9BQTH/2/