无需等待延迟即可开始动画

我有这个动画但没有立即启动幻灯片1，function在’auto_animate_delay’：8000之后开始，所以在等待第二张幻灯片动画或将鼠标移动到过渡之后加载开始之后。

我必须遵循的路径是什么，以便动画在第一张幻灯片中运行良好，并且不会出现延迟

$(document).ready(function(){ var animation = { 'auto_animate': true, 'auto_animate_delay': 8000, 'auto_animate_id': '', 'caption_speed': 'fast', 'panel_speed': 1000, 'panel_easing': 'easeInOutCubic' } $(".item-list").css({"position":"absolute","top":"0","left":"0","float":"left","width": "100%"}); var i = 1; $('li.item-slide').each(function(key, value) { $(value).attr('id', 'item-slide-'+i); i++; }); $('.slide_caption').hide(); $('#item-slide-1 > .slide_caption').show(); $('#item-slide-1').addClass('active'); //$('.item-slide').not('.active').children('.slide_image_slice').show(); $('.item-slide') .bind('open', function(){ if(! $(this).hasClass('open')){ $(this).next().trigger('open'); $(this).addClass('open'); $(this).animate({right: "-=769px"}, animation.panel_speed, animation.panel_easing, function(){display_slices();}); } else{ $(this).prev().trigger('close'); } $(this).siblings().removeClass('active'); $(this).addClass('active'); setTimeout(function(){hide_slices()},1); display_caption(); }) .bind('close', function(){ if($(this).hasClass('open')){ $(this).removeClass('open'); $(this).animate({right: "+=769px"}, animation.panel_speed, animation.panel_easing, function(){display_slices();}); $(this).prev().trigger('close'); } }); $('.item-slide') .hoverIntent( function() { animation.auto_animate = false; trigger_accordion($(this)); }, function() { animation.auto_animate = true; // auto en true para volver a activar clearInterval(animation.auto_animate_id); animation.auto_animate_id = setInterval(slideshow_animate, animation.auto_animate_delay); } ) .click(function() { trigger_accordion($(this)); }); animation.auto_animate_id = setInterval(slideshow_animate, animation.auto_animate_delay); function trigger_accordion(itemSlide) { if(!(itemSlide.is(':animated'))) { itemSlide.trigger('open'); } } function display_caption() { $('.slide_caption').each(function() { if(!($(this).parent().hasClass('active'))) { $(this).fadeOut('fast', function() { $('.item-slide.active > .slide_caption').fadeIn(animation.caption_speed); }); } }); } function hide_slices() { $('.slide_image_slice').each(function() { if($(this).parent().hasClass('active')) { $(this).fadeOut('fast'); } }); } function display_slices() { $('.slide_image_slice').each(function() { if(!$(this).parent().hasClass('active') && !$(this).is(":visible")) { $(this).fadeIn('fast'); } }); } function slideshow_animate() { if(!animation.auto_animate) return; var next_slide = $('.item-slide.active').next(); if(!next_slide.length) { next_slide = $('#item-slide-1'); } next_slide.click(); } });