есть такой код
<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сек