Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   При ресайзе окна исчезает часть содержимого (https://javascript.ru/forum/jquery/65776-pri-resajjze-okna-ischezaet-chast-soderzhimogo.html)

fenix_63 07.11.2016 09:48

При ресайзе окна исчезает часть содержимого
 
Народ, всем привет! Есть страница у меня: 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. 07.11.2016 12:44

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

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

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

fenix_63 08.11.2016 20:20

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


Часовой пояс GMT +3, время: 00:21.