JQuery setinterval не показывает первый элемент

Question

я создаю этот ползунок контента, вы можете просматривать/редактировать здесь:

http://jsbin.com/esame4

Я положил на место setInterval так, что анимация запускается автоматически, однако, когда это запускается в первый раз, отображается изображение Google, но не послесловие. Должно быть простым, но я не могу понять проблему.

Answer 1

Там вы идете: http://jsbin.com/esame4/3 (но предыдущая функция все еще сломан!)

Устранены предыдущая функция тоже в http://jsbin.com/esame4/4

Answer 2

проблемы в:

if ($($curbox).next().attr('class') === 'box') 
    { 
     $('#content_navigator .box').hide(); 
     $($curbox).next().fadeIn(1000); 
     $curbox = $($curbox).next(); 
    } 
else 
    { 
     $curbox = ('#content_navigator .box:first'); 
    } 

Вы переключитесь на первый элемент, не отображайте его, а затем переходите к следующему.

Изменение к следующему:

if ($($curbox).next().attr('class') === 'box') 
    { 
     $('#content_navigator .box').hide(); 
     $($curbox).next().fadeIn(1000); 
     $curbox = $($curbox).next(); 
    } 
else 
    { 
     $('#content_navigator .box').hide(); 
     $('#content_navigator .box:first').fadeIn(1000); 
     $curbox = $('#content_navigator .box:first').next(); 
    } 

фиксируется также предыдущую кнопку. См. По адресу: http://jsbin.com/esame4/6/

Изменено еще раз ;. Он стал более однородным.