Нужна помощь по табам внедренным в слайдер!

[jakal]

Всем привет!
сразу извиняюсь, что не той теме, я раздела с javascript не нашел.

В общем дело в чем, я решил внедрить табы (вкладки) в слайдер, потому как вкладок очень много и мне нужно что бы они занимали только одну полосу (были в один ряд), это не позволяет ширина сайта, по этому и было принято решение по внедрению вкладок в слайдер.
В итоге вроде как все работает, но как только начинаю слайдер листать вперед, то первые табы пропадают, а когда листаю назад, то они не активны, я так понимаю что проблема с javascript.
Кто разбирается в javascript, помогите пожалуйста решить такою ситуацию.

Вот первый скриншот, когда только открыл страницу


Вот второй, когда полистав слайдер, вперед и назад


Так же вот подготовил Быстрый Старт
А так же собрал онлайн пример Смотреть
Буду благодарен за помощь!

[jakal]

Благодаря web-admin, слияние скриптов было доведено до рабочего состояния,
вот онлайн пример, может кому понадобится Смотреть

[jakal]

Вот доработанная версия Смотреть
а именно, скрипт стал универсален (то есть количество вкладок может быть разным).
До этого же было определенное количество вкладок, которое выставлялось в скрипте.

[Serberg]

jakal, я так понимаю это можно втыкать вместо слайдера и в колонки боковые ? Жаль не резиновая штука, если бы сама ширину подбирала под заполнение - было бы вообще замечательно.

[jakal]

так ширину в стилях можно указать auto,
у меня так сделано и она растягивается как резина

Вот к примеру на примере в стиле сразу сверху указана фиксированная ширина

/* Slider */
.slider {
    /* Ширина контейнера */
    width: 700px;

вместо 700 можно указать auto,
то же самое и с вкладками можно сделать, где нужно автоподбор указываем auto.

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

Если что спрашивайте, помогу чем смогу)

[jakal]

А вот пример версии которая позволяет разместить на одной страничке несколько таких слайдеров с табами (вкладками), при этом нужно в скрипте указать нужное количество инициализации скрипта на страничке, и в самом шаблоне присвоить этот идентификатор инициализации нужному блоку (а именно slide-wrap)
Смотреть

Так же планируется сделать версию, которая будет поддерживать один такой встроенный блок (вкладок в слайдер) в другой.