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



 

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

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


Honda!
******


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


Есть САЙТ , нужно сделать автоматическую прокрутку табов , то есть сразу под шапкой где нарисован шкаф и 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
Сообщений: 1852
Регистрация: 30.10.2009
Из: Беларусь, г.Борисов
Поблагодарили: 720 раз
Репутация:   174  


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
Сообщений: 265
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 180 раз
Репутация:   47  


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
Сообщений: 265
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 180 раз
Репутация:   47  


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Помогите, пожалуйста, моей дочери выжить!
благотворительный топик
30 vitvirtual 3746 19.5.2018, 8:30
автор: vitvirtual
Открытая тема (нет новых ответов) Продвигаю страницу по запросу "Как сделать игру". Помогите советом, пожалуйста
Я секу в теме! Но подать статью угодным поисковикам образом не смо
22 coremission 2147 8.5.2018, 12:33
автор: coremission
Открытая тема (нет новых ответов) Помогите с выбором ноута
20 rokot 874 23.4.2018, 12:09
автор: Room
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПомогите с идеями для форума про успех
Спасибо за каждую идею
43 Zoya83 5066 12.4.2018, 11:42
автор: Zoya83
Открытая тема (нет новых ответов) Лендинг или сайт-визитка для ИП? Помогите определиться
6 Yas18 1122 31.3.2018, 20:57
автор: Yas18


 



RSS Текстовая версия Сейчас: 21.5.2018, 19:21
Дизайн