вернуть первый слайд после завершения 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/ не могу понять как изменить скрипт чтобы после отвода мышки был тот первый слайд что был до начала работы данного скрипта кто понимает помогите пожалуйста |
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); |
спасибо! как всегда помогли. Даже с таким неполным описанием задачи.
|
Часовой пояс GMT +3, время: 01:27. |