Soy prácticamente inútil en JavaScript, así que necesito su ayuda para agregar una función de "pausa al pasar el mouse sobre la diapositiva" a esta presentación de diapositivas múltiple. Intenté hacer esto pero todavía no funciona.
$(document).ready(function() { var slideshowContainers = document.getElementsByClassName("slideshow-container"); var ref_dot = document.getElementsByClassName("banner-sell"); for (let s = 0; s < slideshowContainers.length; s++) { var slides = slideshowContainers[s].querySelectorAll('.mySlides'); var dot = ref_dot[s].querySelectorAll('.dot-banner'); var slideIndexAuto = 0; showSlidesAuto(true, slides, slideIndexAuto, dot, slideshowContainers[s]); }; }); async function showSlidesAuto(status, slides, slideIndex, dots, el) { var stop = 0; $(el).mouseenter(function() { status = false; }) if (status) { var no = (dots[0].classList[1]).replace('dot', ''); var name_slides = 'mySlides' + no; var name_cart = 'cart-code' + no; var check_m = document.getElementsByClassName(name_slides); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; }; for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slideIndex++; if (slideIndex > slides.length) { slideIndex = 1 }; slides[slideIndex - 1].style.display = "block"; dots[slideIndex - 1].className += " active"; var menu_code = ''; menu_code = slides[slideIndex - 1].getAttribute('data-menu'); pro_code = slides[slideIndex - 1].getAttribute('data-code'); $('.' + name_cart).attr('data-code', pro_code); $('.' + name_cart).attr('data-menu', menu_code); dtSlide = [slides, slideIndex, dots, el]; sldtimeout = setTimeout(function() { if (isSlide) { showSlidesAuto(true, slides, slideIndex, dots, el) } }, 2000); } };