Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   вернуть первый слайд после завершения hover в срипте (https://javascript.ru/forum/jquery/84718-vernut-pervyjj-slajjd-posle-zaversheniya-hover-v-sripte.html)

ufaclub 25.11.2022 14:37

вернуть первый слайд после завершения 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/


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

кто понимает помогите пожалуйста

рони 25.11.2022 17:21

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);

ufaclub 26.11.2022 07:46

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


Часовой пояс GMT +3, время: 01:27.