При ресайзе окна исчезает часть содержимого

[fenix_63]

Народ, всем привет! Есть страница у меня: http://fenix-63.hol.es/autosalon/ Там есть раздел "история компании". там слайдер с датами наверху. Так вот. Над каждой кнопкой для пролистывания слайдов находится год, например 1998, 2003 и т.д. Но при ресайзе окна, год исчезает. Не знаю как эту проблему решить, помогите пожалуйста.

Вот код jQuery, который генерирует год:

//Добавляем год
          var arr = ['1998','1999','2003','2005','2009','2010','2011','2014'];
          
          var item = $('.bx-pager-item');
           $('.bx-pager-item:nth-child(1)').prepend('<p>'+arr[0]+'</p>');
           $('.bx-pager-item:nth-child(2)').prepend('<p>'+arr[1]+'</p>');
           $('.bx-pager-item:nth-child(3)').prepend('<p>'+arr[2]+'</p>');
           $('.bx-pager-item:nth-child(4)').prepend('<p>'+arr[3]+'</p>');
           $('.bx-pager-item:nth-child(5)').prepend('<p>'+arr[4]+'</p>');
           $('.bx-pager-item:nth-child(6)').prepend('<p>'+arr[5]+'</p>');
           $('.bx-pager-item:nth-child(7)').prepend('<p>'+arr[6]+'</p>');
           $('.bx-pager-item:nth-child(8)').prepend('<p>'+arr[7]+'</p>');

Помогите пожалуйста, уже голову сломал над этой проблемой.

[Pavel M.]

лучше не пытайтесь грубо вклиниться в генерацию кода скриптом,
а используйте в данных блок
<div id="bx-pager">...</div>

и там сделайте номера страниц ваших слайдов, какие пожелаете :-)

http://bxslider.com/examples/thumbnail-pager-1

[fenix_63]

Спасибо! Помогло, но не совсем это. Полазил в bxslider.js и дописал что нужно ))