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