Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > DataLife Engine
Расширенный поиск

DataLife Engine Скачать хаки для DLE, темы для DLE

Ответ
 
Опции темы Поиск в этой теме
Старый 03.10.2012, 00:17 Вверх   #1
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию Нужна помощь по табам внедренным в слайдер!

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

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

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


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


Так же вот подготовил Быстрый Старт
А так же собрал онлайн пример Смотреть
Буду благодарен за помощь!
  Ответить с цитированием
Старый 04.10.2012, 00:27 Вверх   #2
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию

Благодаря web-admin, слияние скриптов было доведено до рабочего состояния,
вот онлайн пример, может кому понадобится Смотреть
  Ответить с цитированием
Старый 04.10.2012, 12:02 Вверх   #3
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию

Вот доработанная версия Смотреть
а именно, скрипт стал универсален (то есть количество вкладок может быть разным).
До этого же было определенное количество вкладок, которое выставлялось в скрипте.
  Ответить с цитированием
Cказали cпасибо:
Старый 04.10.2012, 13:26 Вверх   #4
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

jakal, я так понимаю это можно втыкать вместо слайдера и в колонки боковые ? Жаль не резиновая штука, если бы сама ширину подбирала под заполнение - было бы вообще замечательно.
  Ответить с цитированием
Старый 04.10.2012, 16:22 Вверх   #5
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию

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

Вот к примеру на примере в стиле сразу сверху указана фиксированная ширина
Код:
/* Slider */
.slider {
    /* Ширина контейнера */
    width: 700px;
вместо 700 можно указать auto,
то же самое и с вкладками можно сделать, где нужно автоподбор указываем auto.

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

Если что спрашивайте, помогу чем смогу)
  Ответить с цитированием
Cказали cпасибо:
Старый 06.10.2012, 17:01 Вверх   #6
Грамотный форумчанин
 
Аватар для jakal
jakal вне форума
Доп. информация
По умолчанию

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

Так же планируется сделать версию, которая будет поддерживать один такой встроенный блок (вкладок в слайдер) в другой.
  Ответить с цитированием
Cказали cпасибо:
Ответ

Метки
javascript, вкладки, внедрить, слайдер, табы

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 15:01. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.08984 секунды с 13 запросами