estoy usando #id en 3 botones para cambiar la imagen en las diapositivas, pero no quiero desplazarme a la sección de diapositivas de imágenes cuando hago clic en el botón solo quiero deslizar la imagen al siguiente sin desplazarme a la sección de imagen aquí hay un enlace de video de la unidad para mostrar cómo mi la web está buscando ahora mismo https://drive.google.com/file/d/1dXMCeBNzkn2c5ChNQfOAVthNBHHsePSp/view?usp=drivesdk
<div className="carousel carousel-center max-w-md md:max-w-screen-2xl mx-auto space-x-24 "> <div id="item1" className="carousel-item"> <img src="/BingWallpaper.jpg" width={896} className="rounded-box" alt="image1" /> </div> <div id="item2" className="carousel-item " > <img src="/BingWallpaper.jpg" width={896} className="rounded-box" alt="image2" /> </div> <div id="item3" className="carousel-item"> <img src="/BingWallpaper.jpg" width={896} className="rounded-box" alt="image3" /> </div> </div>Simplemente agregue un detector de eventos a sus botones y evite el comportamiento predeterminado. Agregue una identificación de "enlace" al botón y luego agregue un detector de eventos como se muestra a continuación. Si su elemento de botón contiene una etiqueta de anclaje, agregue la identificación de "enlace" a la etiqueta de anclaje en lugar del botón.
document.getElementById("link").addEventListener("click", (e) => { e.preventDefault(); });