Carrusel Autoplay con JS Puro: Prompt IA + Código
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選