Здравствуйте всем. Возник вопрос о необходимости модифицировать родной слайдер bitrix, отображаемый в разделе каталога. У него много настроек, и одна из них позволяет отображать прогресс-бар в секундах до смены следующего слайда. При этом слайды начинают сменять при наведение мыши на карточку товара.
Мне поставили задачу возвращать исходную (первую) картинку, если мышка уходит с карточки товара. И никак не могу найти решения. Прошу сообщество помочь.
Ход решения:
1) Анализ кода JS (я с ним, к сожалению, на данный момент знаком на 4 с минусом, особенно с коробочным BX JS) пока ничего не дал - не могу отловить момент, когда происходит событие остановки слайдера. По коду их разбросано много, но попытки внедрить свой код в функции, к примеру, resetProgress или stopSlider вызывают многократное их выполнение, при смене каждого слайда, а не при покидании мышью объекта.
2) Попробовал вообще обойти слайдер и повесил своё событие с удалением класса active со слайдов и присвоением активности только первому. Срабатывает через раз. На четный слайдах или при втором входе активными остаются два элемента - первый и текущий. Возврата не происходит. В остальные разы работает. Я подумал, что может быть моё событие не успевает за родным - поставил отсрочку в 100 ms, но тот же результат. Происходит какой-то конфликт.
Может быть кто-то сталкивался с данным вопросом или знает что нужно вставить в код JS ?
Пример страницы, где всё это происходит (тоже на всякий случай, но я думаю кто в теме, тому ссылка не нужна): http://dominofwk.ru/catalog/batarei_salyutov/ (Да, сейчас https не работает, проблема с ним).