将超时设置为iosSlider autoslide

时间:2014-07-14 17:48:13

标签: javascript jquery ios jquery-plugins slider

我需要在完成所有家庭动画和第一次幻灯片之间做一些停顿。

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);


  });

0 个答案:

没有答案