Carrusel Autoplay con JS Puro: Prompt IA + Código
VISTA DE CÓDIGO
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
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選