вернуть первый слайд после завершения 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, время: 07:59. |