Эффект fade для слайдера

[FitTech]

Здравствуйте! Взял слайдер с http://dedushka.org/uroki/5914.html

Демо http://dedushka.org/demo/slider/

Код

<script type="text/javascript">$(document).ready(function() { $(".slider").each(function () { // обрабатываем каждый слайдер  var obj = $(this);  $(obj).append("<div class='nav'></div>");  $(obj).find("li").each(function () {   $(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>"); // добавляем блок навигации   $(this).addClass("slider"+$(this).index());  });  $(obj).find("span").first().addClass("on"); // делаем активным первый элемент меню });});function sliderJS (obj, sl) { // slider function var ul = $(sl).find("ul"); // находим блок var bl = $(sl).find("li.slider"+obj); // находим любой из элементов блока var step = $(bl).width(); // ширина объекта $(ul).animate({marginLeft: "-"+step*obj}, 500); // 500 это скорость перемотки}$(document).on("click", ".slider .nav span", function() { // slider click navigate var sl = $(this).closest(".slider"); // находим, в каком блоке был клик $(sl).find("span").removeClass("on"); // убираем активный элемент $(this).addClass("on"); // делаем активным текущий var obj = $(this).attr("rel"); // узнаем его номер sliderJS(obj, sl); // слайдим return false;});</script>

В слайдере идет перемотка влево, мне это не подходит, нужно чтобы переходило без эффекта, я это сделал поставив скорость перемотки вместо 500 на 1, но получается не красиво. Нашел эффект fade, подскажите пожалуйста как добавить этот эффект в данный код. Спасибо!

[jdk]

Попробую вечером поковырять. А Вы cms не используете? Может проще готовый слайдер прикрутить?

[jdk]

Не знаю, насколько это правильно, но сделал просто:

$(ul).fadeOut();$(ul).animate({marginLeft: "-"+step*obj}, 500);$(ul).fadeIn();

Скрываем, перематываем, показываем.