Search the Community
Showing results for tags 'слайдер fade'.
-
Здравствуйте! Взял слайдер с 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, подскажите пожалуйста как добавить этот эффект в данный код. Спасибо!