Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 11.11.2017, 20:28   #1
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 243
Репутация: -23
По умолчанию Остановка слайдера при наведении курсора

День добрый, тема вроде как не новая, но решения не нашёл.
Подскажите, как остановить слайдер при наведении на картинку, а при отведении продолжит?
Библиотека jq подключена.
Код HTML:
<body>
<div id="wb_indexCarousel1">
<div id="indexCarousel1">
<div class="frame">
<div class="innerframe">
<div id="wb_indexShape1">
<img src="images/img0001.png" id="indexShape1" alt=""></div>
<div id="wb_indexShape2">
<img src="images/img0002.png" id="indexShape2" alt=""></div>
</div>
</div>
<div class="frame">
<div class="innerframe">
<div id="wb_indexShape3">
<img src="images/img0003.png" id="indexShape3" alt=""></div>
<div id="wb_indexShape4">
<img src="images/img0004.png" id="indexShape4" alt=""></div>
</div>
</div>
</div>
</div>
</body>
Движение слайдера справа на лево
PHP код:
$(document).ready(function() {
    var 
indexCarousel1Opts = {
        
delay3000,
        
duration2000,
        
easing'linear',
        
mode'forward-circular',
        
direction'',
        
scalemode3,
        
paginationfalse,
        
start0
    
};
 
        $(
"#indexCarousel1").carousel(indexCarousel1Opts);
}); 
Вставил код
PHP код:
var opt = {
        
delay3000,
        
duration0,
        
easing'linear',
        
mode'forward-circular',
        
direction'',
        
scalemode3,
        
paginationfalse,
        
start0
  
    
};
 
    $(
'#wb_indexShape1').mouseover(function() {
        $(
"#indexCarousel1").carousel(opt);
    });
    
    $(
'#wb_indexShape1').mouseout(function() {
        $(
"#indexCarousel1").carousel(indexCarousel1Opts);
    }); 
Полная часть кода
PHP код:
$(document).ready(function() {
    var 
indexCarousel1Opts = {
        
delay3000,
        
duration2000,
        
easing'linear',
        
mode'forward-circular',
        
direction'',
        
scalemode3,
        
paginationfalse,
        
start0
    
};
    
    var 
opt = {
        
delay3000,
        
duration0,
        
easing'linear',
        
mode'forward-circular',
        
direction'',
        
scalemode3,
        
paginationfalse,
        
start0
  
    
};
 
    $(
'#wb_indexShape1').mouseover(function() {
        $(
"#indexCarousel1").carousel(opt);
    });
    
    $(
'#wb_indexShape1').mouseout(function() {
        $(
"#indexCarousel1").carousel(indexCarousel1Opts);
    });
 
        $(
"#indexCarousel1").carousel(indexCarousel1Opts);
}); 
При наведении курсора на id="wb_indexShape1" пауза срабатывает, но при отведении начинается бордак)) прыгает, двигается в разные стороны всё.
Происходит конфликт этой части кода
PHP код:
$('#wb_indexShape1').mouseover(function() {
        $(
"#indexCarousel1").carousel(opt);
    });
    
    $(
'#wb_indexShape1').mouseout(function() {
        $(
"#indexCarousel1").carousel(indexCarousel1Opts);
    });
 
        $(
"#indexCarousel1").carousel(indexCarousel1Opts); 
Если убрать
PHP код:
$("#indexCarousel1").carousel(indexCarousel1Opts); 
то эффект впринципи тот же, только слайдер не движется при запуске странице и отображается не корректно.

Пробывал через hover, эффект тот же, прыгает и движется всё хаотично.
__________________
Еду медленно, но верно!

Последний раз редактировалось spoon100500; 11.11.2017 в 20:32.
spoon100500 вне форума   Ответить с цитированием
Старый 12.11.2017, 11:58   #2
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 243
Репутация: -23
По умолчанию

Ну не ужели ни кто не знает?
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 13.11.2017, 12:54   #3
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 243
Репутация: -23
По умолчанию

Так понимаю нужно дописывать плагин к карусели? Существующий не поддерживает этой функции.
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 18.11.2017, 08:16   #4
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 243
Репутация: -23
По умолчанию

Решил.
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Ответ

Опции темы

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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Остановка флеш-ролика при наведении мыши Nikirinka JavaScript, Ajax 0 23.01.2012 10:51
Остановка карусели при наведении курсора мыши. Не работает? daz JavaScript, Ajax 0 20.01.2011 10:22
TImage,стиль при наведении курсора DimOn4Ik Общие вопросы Delphi 3 29.10.2009 22:16
Выделение картинки при наведении курсора blazer-05 HTML и CSS 1 03.07.2009 10:43
увеличение излбражения при наведении курсора SKS HTML и CSS 4 08.03.2009 14:39


12:19.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru