Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.04.2017, 06:47
Новичок на форуме
Отправить личное сообщение для GKA85 Посмотреть профиль Найти все сообщения от GKA85
 
Регистрация: 01.04.2017
Сообщений: 3

Запуск слайдера по наведению указателя мыши
День добрый форумчане, я не знаю js вообще, задача такая, nivo slider переделать чтобы он запускался при наведении мыши, при уводе мыши должна возвращаться первая картинка слайда

Ссылка на слайдер https://github.com/Codeinwp/Nivo-Slider-jQuery

На просторах инета не нашел вообще ни одного слайдера с подобным эффектом, везде только остановка при наведении и нигде нет запуска.
Ответить с цитированием
  #2 (permalink)  
Старый 01.04.2017, 07:22
Кандидат Javascript-наук
Отправить личное сообщение для Diphenyl Oxalate Посмотреть профиль Найти все сообщения от Diphenyl Oxalate
 
Регистрация: 21.01.2017
Сообщений: 139

Цитата:
при уводе мыши должна возвращаться первая картинка слайда
$("#wrapper").on("mouseleave", function () {
    $("a.nivo-control:first").click();
});


Цитата:
чтобы он запускался при наведении мыши
А вот тут надо залезть в исходник и поменять местами две функции:

это -
if(settings.pauseOnHover){
            slider.hover(function(){
                vars.paused = true;
                clearInterval(timer);
                timer = '';
            }, function(){
                vars.paused = false;
                // Restart the timer
                if(timer === '' && !settings.manualAdvance){
                    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
                }
            });
        }


на это -

if(settings.pauseOnHover){
            slider.hover(function(){
                vars.paused = false;
                // Restart the timer
                if(timer === '' && !settings.manualAdvance){
                    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
                }
            }, function(){
                vars.paused = true;
                clearInterval(timer);
                timer = '';
            });
        }
Ответить с цитированием
  #3 (permalink)  
Старый 01.04.2017, 07:49
Новичок на форуме
Отправить личное сообщение для GKA85 Посмотреть профиль Найти все сообщения от GKA85
 
Регистрация: 01.04.2017
Сообщений: 3

Спасибо, работает . Теперь остался вопрос как убрать автозапуск, если в настройках
var vars = {
            currentSlide: 0,
            currentImage: '',
            totalSlides: 0,
            running: false,
            paused: false,
            stop: false,
            controlNavEl: false        
        };

stop: false, меняю на stop: true, - при загрузке не проигрывается, но и не раегирует при наведении (не запускается)
Ответить с цитированием
  #4 (permalink)  
Старый 01.04.2017, 09:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

GKA85, найти соотвествующие строки и поменять
//For pauseOnHover setting
        if(settings.pauseOnHover){
            slider.hover(function(){
                vars.paused = false;
                // Restart the timer
                if(!timer && !settings.manualAdvance){
                    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
                }
            },function(){
                vars.paused = true;
                clearInterval(timer);
                vars.currentSlide = -1;
                nivoRun(slider, kids, settings, false);
                timer = '';
            });
        }


// In the words of Super Mario "let's a go!"
        var timer = 0;
        if(!settings.manualAdvance && kids.length > 1){
           // timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
        }


$("#wrapper").on("mouseleave", --- не добавлять

Последний раз редактировалось рони, 01.04.2017 в 09:10.
Ответить с цитированием
  #5 (permalink)  
Старый 01.04.2017, 10:07
Новичок на форуме
Отправить личное сообщение для GKA85 Посмотреть профиль Найти все сообщения от GKA85
 
Регистрация: 01.04.2017
Сообщений: 3

Спс большое, выручили
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Определение позиции указателя мыши на web-странице Yan_by Общие вопросы Javascript 20 12.01.2012 02:21
Смена картинки по наведению курсора мыши 5 секунд MironM Общие вопросы Javascript 22 27.09.2011 16:39
Появление элемента по наведению мыши Dudo4nick jQuery 2 31.08.2011 17:29
Скрипт увеличения изобр. по наведению мыши не работает в IE Dudo4nick jQuery 2 21.07.2011 17:45
Отображение указателя мыши Vitalyk Events/DOM/Window 1 18.03.2010 19:26