Упростить скрипт, помогите плз.
Есть такой скрипт для слайдера:
$(function () { var elWrap = $('#slider'), el = elWrap.find('img'), indexImg = 1, indexMax = el.length, phase = 3000; function change () { el.fadeOut(500); el.filter(':nth-child('+indexImg+')').fadeIn(500); } function autoCange () { indexImg++; if(indexImg > indexMax) { indexImg = 1; } change (); } var interval = setInterval(autoCange, phase); elWrap.mouseover(function() { clearInterval(interval); }); elWrap.mouseout(function() { interval = setInterval(autoCange, phase); }); elWrap.append('<span class="next"></span><span class="prev"></span>'); var btnNext = $('span.next'), btnPrev = $('span.prev'); btnNext.click(function() { indexImg++; if(indexImg > indexMax) { indexImg = 1; } change (); }); btnPrev.click(function() { indexImg--; if(indexImg < 1) { indexImg = indexMax; } change (); }); }); Хочу упростить. Нужен просто слайдер, который меняет картинки. Ничего лишнего чтоб было. Оставил вот так: $(function () { var elWrap = $('#slider'), el = elWrap.find('img'), indexImg = 1, indexMax = el.length, phase = 3000; function change () { el.fadeOut(500); el.filter(':nth-child('+indexImg+')').fadeIn(500); } function autoCange () { indexImg++; if(indexImg > indexMax) { indexImg = 1; } change (); } var interval = setInterval(autoCange, phase); elWrap.mouseover(function() { clearInterval(interval); }); elWrap.mouseout(function() { interval = setInterval(autoCange, phase); }); }); В джаваскрипт полный ноль я. Просто помогите, есть тут что еще выбросить? P.S. Подайте кто сколько может... (c) :cray: :) |
volodyal,
:) var interval; //... elWrap.mouseout(function() { interval = setInterval(autoCange, phase); }).mouseout(); |
Часовой пояс GMT +3, время: 10:55. |