このプロンプトは、WEBサイトに動的な画像スライダーや商品スライダーを追加するためのものです。JavaScriptやCSSを活用して、インタラクティブなカルーセルを生成します。
目次
プロンプト
カルーセルスライダーのHTML、CSS、JavaScriptコードを作成してください。 - 表示するアイテム数:{アイテム数} - アニメーション効果:{効果}(例:フェード、スライド) - 自動再生:{有無} - ナビゲーションボタン:{有無}
プロンプトの使い方
利用例として、
「表示するアイテム数:3
アニメーション効果:スライド
自動再生:あり
ナビゲーションボタン:あり」
と入力します。AIがこれを基にカルーセルスライダーのコードを生成します。HTMLファイルに挿入して確認し、好みでカスタマイズしてください。