0

我正在使用插件“Maximage”作为背景图片幻灯片，我正在使用 jQuery 作为折叠标题。折叠的标题似乎与滑块冲突。

向下滚动，看看每张幻灯片后会发生什么：http: //maxsalakory.nl/demo/starink/

这是我的js：

    /* Collapsing header */
$(function(){
  $('header').data('size','big');
});

$(window).scroll(function(){
  if($(document).scrollTop() > 50)
{
    if($('header').data('size') == 'big')
    {
        $('header').data('size','small');
        $('header').stop().animate({
            height:'50px'
        },150);
        $('.logo-img').stop().animate({
            height:'50px'
        },150);
        $('nav').stop().animate({
            'padding-top':'16px'
        },150);
        $('.logo-img').css('height', '50px');
        $('nav').css('height', '16px');
    }
}
else
  {
    if($('header').data('size') == 'small')
      {
        $('header').data('size','big');
        $('header').stop().animate({
            height:'80px'
        },150);
        $('.logo-img').stop().animate({
            height:'80px'
        },150);
        $('nav').stop().animate({
            'padding-top':'31px'
        },150);
        $('.logo-img').css('height', '80px');
        $('nav').css('height', '31px');
      }  
  }
});

/* Slider */
$(function(){
    $('#maximage').maximage({
        cycleOptions: {
            fx:'fade',
            random: 1,
            speed: 1000,
            timeout: 5000,
            prev: '#arrow_left',
            next: '#arrow_right'
        },
        onFirstImageLoaded: function(){
            jQuery('#cycle-loader').hide();
            jQuery('#maximage').fadeIn('fast');
        }
    });
});
4

0 回答 0