Tengo un control deslizante de imagen del producto.

Puede pasar a la siguiente diapositiva utilizando los círculos laterales.

Quiero hacer clic en la foto para ir a la siguiente diapositiva. Y esta función también se puede admitir en dispositivos móviles.

Mi código JavaScript:

 function controls() { $(this).addClass('selected').siblings('button').removeClass('selected'); $('.slideDiv1000').animate({ top: -$('.container1000').height() * $(this).index() }, 450); } /***Event Listeners***/ const runCode = () => { const button = document.querySelectorAll('.button'); if ( button ) { for ( var i = 0; i < button.length; i++ ) { button[i].addEventListener('click', controls, false); } } } runCode();