Q&A
実現したいこと
初めての質問になります。
初学者で4月からwebデザインについて学んでいます。
現在キャラクターのサイトを制作しています。
topページにキャラクター紹介を入れるつもりですが、画像をスライダーで表示し、中央に大きめにキャラクター、左右にクリックボタンがあり、それを明日と画像が切り替わり、背景カラーも同時に変更になるようにしたいです。
画像は合計3枚
メインのイラストが中央におおきくあり、
左右に小さめに見切れるかたちで他のイラストを起きたいです。
画像はクリックしたら、横からスライドしてきて欲しいです。
発生している問題・分からないこと
html.css.js.jQueryなどで動かせる方法を教えていただきたいです。
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
チャットGPTでも聞いてみましたが、
なかなか思うようにはいきませんでした。
補足
特になし
回答1件
0
一から作ろうとせず、カルーセルのライブラリを使うのが正解だと思います。
代表的なものを挙げます。
Swiper - The Most Modern Mobile Touch Slider
slick - the last carousel you'll ever need
Splide - アクセシビリティに配慮した軽量・高機能スライダー
投稿2024/09/07 09:25
総合スコア36777
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/09/07 09:45