我需要在完成所有家庭动画和第一次幻灯片之间做一些停顿。
FIDDLE - 正如您所看到的,菜单的外观和第一张幻灯片的滚动同时发生。
如何完成所有动画,然后在1,2秒后激活自动滑动。
试过这个:
// HOME IOSSLIDER SETTINGS
$('.iosSlider').iosSlider({
snapToChildren: true,
scrollbarDrag: true,
scrollbarContainer: '.iosSlider',
scrollbarMargin: 0,
scrollbarHeight: '10px',
scrollbarBorderRadius: 1,
scrollbarOpacity: 1
});
// set initial position of slider scrollbar
var x = $('#home-wrap').height() + 10 + 'px';
$('.scrollbarBlock1').css('top', x );
//
$('#logo-hello-big').fadeIn(1500, function(){
$('#logo-hello-small').fadeIn(1500);
function logoHide(){
$('#logo-hello-big, #logo-hello-small').fadeOut(1500);
};
setTimeout(logoHide, 2500);
function menuShow(){
$('#menu-wrap').animate({bottom:'0'},500);
$('#logo-holder').animate({top:'0'},500);
var z = $('#home-wrap').height() - 70 + 'px';
$('.scrollbarBlock1').animate({top: z },500);
};
setTimeout(menuShow, 4000);
// here i tried to add autoSlide: true to slider settings after finishing of all animation
function autoplayActivate(){
$('.iosSlider').iosSlider({
autoSlide: true
});
};
setTimeout(autoplayActivate, 4000);
});