X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> [помогите] Автоматическая прокрутка табов JS
dimonsuper
dimonsuper
Topic Starter сообщение 5.10.2015, 20:22; Ответить: dimonsuper
Сообщение #1


Honda!
******


Группа: Active User
Сообщений: 1849
Регистрация: 30.10.2009
Из: Беларусь, г.Борисов
Поблагодарили: 718 раз
Репутация:   173  


Есть САЙТ , нужно сделать автоматическую прокрутку табов , то есть сразу под шапкой где нарисован шкаф и 4 кнопки с разделами "угловые шкафы" "встроенные шкафы" "шкафы купе в спальню" и "шкафы купе в прихожую". В данный момент оно работает как обычные табы, то есть при клике на кнопку меняется картинка шкафа. Нужно дописать им автоматическую прокрутку , а при клике на кнопку нужна не смена картинки, а переход в раздел.

В данный момент скрипт выглядит вот так :
Код
<script>
$(function () {
    var tabContainers = $('div.tabs2 > div');
    tabContainers.hide().filter(':first').show();

    $('div.tabs2 ul.tabNavigation a').click(function () {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs2 ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();
});
</script>


а вот сам код :
Код
<div class="tabs2">
    <ul class="tabNavigation ">
        <a href="#one"><li><img src="images/spacer.gif" class="a"><p>Угловыешкафы купе</p></li></a>
        <a href="#two"><li><img src="images/spacer.gif" class="b"><p>Встроенныешкафы купе</p></li></a>
        <a href="#three"><li><img src="images/spacer.gif" class="c"><p>Шкафы купев спальню</p></li></a>
        <a href="#four"><li><img src="images/spacer.gif" class="d"><p>Шкафы купев прихожую</p></li></a>
    </ul>

    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
    <div id="four"></div>
</div>


не знаю достаточно ли будет прописать там пару строк или нужно всё переделывать , но нужно сделать так, чтобы оно автоматически прокручивалось.

Знающие, помогите плиз. Или велкам в лс, договоримся



--------------------
куплю домены с тиц. с предложениями в лс
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 6.10.2015, 10:35; Ответить: Alex_RD
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


Немного непонятно, что вы имеете в виду под автоматической прокруткой.
Картинки и обводка кнопок должны переключаться сами по кругу или?


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimonsuper
dimonsuper
Topic Starter сообщение 6.10.2015, 11:22; Ответить: dimonsuper
Сообщение #3


Honda!
******


Группа: Active User
Сообщений: 1849
Регистрация: 30.10.2009
Из: Беларусь, г.Борисов
Поблагодарили: 718 раз
Репутация:   173  


Alex_RD, то что сейчас по клику делается должно быть автоматически при наведении курсора. а при клике - переход в раздел.

Уже нашелся человек который поможет, поэтому не актуально, спасибо)


--------------------
куплю домены с тиц. с предложениями в лс
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 6.10.2015, 13:13; Ответить: Alex_RD
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


На всякий:
.click меняем на .mouseenter и убираем return false;


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 6.10.2015, 13:20; Ответить: Gerga
Сообщение #5


Участник
***

Группа: User
Сообщений: 247
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 168 раз
Репутация:   43  


Alex_RD, человеку нужна автопрокрутка табов, а не активация при наведении!


--------------------
Разработка на WordPress -> Верстка/Натяжка/Добавление функционала в шаблонах на WP
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 6.10.2015, 13:25; Ответить: Alex_RD
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


Gerga,
Я уточнил у ТС, он выше ответил:
Цитата
то что сейчас по клику делается должно быть автоматически при наведении курсора. а при клике - переход в раздел.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 6.10.2015, 13:41; Ответить: Gerga
Сообщение #7


Участник
***

Группа: User
Сообщений: 247
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 168 раз
Репутация:   43  


Alex_RD, а ну если нужна активация при наведении, а не автоматическая прокрутка, то конечно .mouseenter.

Сообщение отредактировал Gerga - 6.10.2015, 13:45


--------------------
Разработка на WordPress -> Верстка/Натяжка/Добавление функционала в шаблонах на WP
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
10 impak 1261 4.12.2017, 18:31
автор: bitcoin24_exchange
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 429 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 657 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 494 29.11.2017, 7:18
автор: grumdas
Открытая тема (нет новых ответов) Помогите с неймингом для сборника советов
советы по разработки и жизни
11 coremission 1862 15.11.2017, 22:23
автор: rogefer


 



RSS Текстовая версия Сейчас: 11.12.2017, 10:25
Дизайн