GifproGifpro

Carrusel Autoplay con JS Puro: Prompt IA + Código

VISTA DE CÓDIGO

P

Prompt

Create an auto-playing image carousel with navigation dots using vanilla JavaScript. Include pause on hover functionality.

この自動再生カルーセルは3秒ごとに画像を切り替えます。ホバーで一時停止、ドットクリックでナビゲーション。純粋なJavaScriptで構築。

Resumen del prompt

Este prompt solicita la construcción de un carrusel de imágenes con reproducción automática, puntos de navegación y la capacidad de pausarse al pasar el cursor por encima, todo ello usando únicamente JavaScript nativo sin librerías externas. Es un ejercicio clásico de interfaz de usuario que pone a prueba el manejo de intervalos de tiempo, manipulación del DOM y eventos del ratón de forma limpia y eficiente.

El caso de uso es ideal para desarrolladores que necesitan un componente reutilizable en proyectos donde no se desea agregar dependencias como Swiper o Slick Carousel. También resulta perfecto para aprender fundamentos de JavaScript interactivo o para incluirlo en landing pages, portafolios y sitios de presentación de productos. Para mejores resultados se recomienda usar modelos como GPT-4o o Claude 3.5 Sonnet, y se puede ampliar el prompt pidiendo transiciones con CSS animadas, soporte táctil para móviles o controles de navegación con flechas laterales.

¿Te resultó útil este prompt?

Comentarios

Los comentarios aparecen después de la moderación

Inicioヘルプ