Как исправить проблему с распознаванием паузы у карусели при клике на навигационные элементы?
Всем привет!
Есть сайт на wordpress с установленным плагином SiteOrigin Widgets Bundle, который имеет в своём составе карусель, построенной на библиотеке слайдера slick.
У этой карусели есть проблема при автоматической прокрутке: если выждать некоторое время до перехода к следующему слайду (но меньшее, чем необходимо для пролистывания) и самому нажать на навигационные элементы (стрелки или буллеты), то время паузы во время следующего слайда окажется меньше, чем заложено в таймауте, т.е. посетитель не успевает толком просмотреть слайд как он уже прокрутился вперёд.
Полагаю, что такое поведение связано с кастомной реализаций прокрутки в данной карусели в этом фрагменте кода
Как можно устранить проблему и наладить отсчет времени на прокрутку с момента переключения слайда независимо автоматически он прокрутился или принудительно по клику пользователем?
Полный gist c кодом карусели находится здесь
Есть сайт на wordpress с установленным плагином SiteOrigin Widgets Bundle, который имеет в своём составе карусель, построенной на библиотеке слайдера slick.
У этой карусели есть проблема при автоматической прокрутке: если выждать некоторое время до перехода к следующему слайду (но меньшее, чем необходимо для пролистывания) и самому нажать на навигационные элементы (стрелки или буллеты), то время паузы во время следующего слайда окажется меньше, чем заложено в таймауте, т.е. посетитель не успевает толком просмотреть слайд как он уже прокрутился вперёд.
Полагаю, что такое поведение связано с кастомной реализаций прокрутки в данной карусели в этом фрагменте кода
// Set up Autoplay. We use a custom autoplay rather than the Slick// autoplay to account for the (sometimes) non-standard nature of our// navigation that Slick has trouble accounting for.if ( carouselSettings.autoplay ) { var interrupted = false; var autoplayNav = $$.parent().parent().find( '.sow-carousel-' + ( $$.data( 'dir' ) == 'ltr' ? 'next' : 'prev' ) ); // Check if this is a Block Editor preview, and if it is, don't autoplay. if ( ! $( 'body' ).hasClass( 'block-editor-page' ) ) { setInterval( function() { if ( ! interrupted ) { autoplayNav.trigger( 'click' ); } }, carouselSettings.autoplaySpeed ); if ( carouselSettings.pauseOnHover ) { $items.on('mouseenter.slick', function() { interrupted = true; } ); $items.on( 'mouseleave.slick', function() { interrupted = false; } ); } }}
Как можно устранить проблему и наладить отсчет времени на прокрутку с момента переключения слайда независимо автоматически он прокрутился или принудительно по клику пользователем?
Полный gist c кодом карусели находится здесь

Смотрите также:
В комментариях запрещаются спам, а также реклама любых товаров и услуг, иных ресурсов.