Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.11.2022, 14:37
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 202

вернуть первый слайд после завершения hover в срипте
"use strict";

/**
 * Hover slider v1.0.4
 * (c) 2020 A. Rizhenkov
 * Released under the MIT License.
 * [url]https://github.com/web-projects-lab/hover-slider[/url]
 */



после отвода мышки остается последний выбранный слайд

библиотека вот эта: https://github.com/web-projects-lab/hover-slider

вот пример https://web-projects-lab.github.io/hover-slider/


не могу понять как изменить скрипт чтобы после отвода мышки был тот первый слайд что был до начала работы данного скрипта

кто понимает помогите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 25.11.2022, 17:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

ufaclub,
файл hover-slider.js находим строку
element.addEventListener('mouseenter', hs.togglePaneEnterListener, false);

ниже добавляем
element.addEventListener('mouseleave', function(e) {
                                const imgEl = this.closest('.product-card').querySelector('img.hover-slider-init');
                                const togglePane = this.closest('.product-card').querySelector(`div[data-hover-slider-i]`);
                                hs.changeImgByTogglePane(togglePane, imgEl)

                                const currentSliderIndicator = this.closest('.product-card').querySelector('.hover-slider-indicator');
                                const activeDot = currentSliderIndicator.querySelector('.active');
                                activeDot.classList.remove('active');

                                const nextDot = currentSliderIndicator.querySelector(`.hover-slider-indicator-dot[data-hover-slider-i]`);
                                nextDot.classList.add('active');
                            }, false);
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2022, 07:46
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 202

спасибо! как всегда помогли. Даже с таким неполным описанием задачи.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Возврат значения функции после завершения анимации (затухания) grego jQuery 5 16.04.2013 22:25
Как вернуть элементы к превоночальному состоянию после переноса? Randomizer jQuery 0 10.10.2012 21:32
Не работает hover() после добавление элемента в DOM jeysmook jQuery 17 10.06.2012 15:02
Событие hover только после 2 секунд niksan jQuery 7 12.08.2010 14:16
Как обнулить переменные после завершения скрипта QRS jQuery 3 07.07.2010 03:08