Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

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

День добрый, тема вроде как не новая, но решения не нашёл.
Подскажите, как остановить слайдер при наведении на картинку, а при отведении продолжит?
Библиотека 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 в 19:32.
spoon100500 вне форума Ответить с цитированием
Старый 12.11.2017, 10:58   #2
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 406
По умолчанию

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

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

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


Купить рекламу на форуме - 42 тыс руб за месяц

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

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


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