Показать сообщение отдельно
  #1 (permalink)  
Старый 03.12.2016, 17:33
Аспирант
Отправить личное сообщение для ghost666 Посмотреть профиль Найти все сообщения от ghost666
 
Регистрация: 07.02.2016
Сообщений: 52

Старт слайдера
есть такой код
<div id="my_slider" class="crossfade" style="opacity: 1; height: 494.967px;">

<img src="/images/ux-header-slider-1.png" >
<img src="/images/ux-header-slider-3.png" >
<img src="/images/ux-header-slider-4-1.png">
<img src="/images/ux-header-slider-4.png" >
<img src="/images/ux-header-slider-6.png" >

</div>

к нему такой код
(function($){
    $.fn.MySlider = function(interval) {
        var slides;
        var cnt;
        var amount;
        var i;

        function run() {

            $(slides[i]).fadeOut(300);
            i++;
            if (i >= amount) i = 0;
            $(slides[i]).fadeIn(300);

          
            cnt.text(i+1+' / '+amount);


            setTimeout(run, interval);
        }

        slides = $('#my_slider').children();
        cnt = $('#counter');
        amount = slides.length;
        i=0;


        cnt.text(i+1+' / '+amount);

        setTimeout(run, interval);
    };
})(jQuery);


jQuery(window).load(function() {
    $('.smart_gallery').MySlider(5000);
});

как сделать чтобы первая картинка грузилась сразу после загрузки страницы а не через 5сек
Ответить с цитированием