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

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
Inicioヘルプ