AIGPAIGP

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

P

Prompt

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

VISTA DE CÓDIGO

エディタを読み込み中…

AIとの対話に追加する一言

プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします

このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。

初心者なので、各行にコメントを追加して、何をしているか説明してください。

このコードをWordPressのテーマに組み込む方法も教えてください。

動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。

この自動再生カルーセルは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ヘルプ