サムネイルが連動して動く商品画像ギャラリー
プレビューサイトで体験しよう！
実装ポイント
■Point.01
画像とサムネイルのコンポーネントをまとめてコンポーネント化
画像の枚数分のVariantを用意する
■Point.02
タブのコンポーネントはVariantで選択時・非選択時のデザインを用意する
■Point.03
サムネイルが連動して動くために、Variantごとにサムネイルの並び順も変更する
■Point.04
Interactionsで時間と遷移先を設定する
Framer図鑑
サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。
Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます！
興味がわいたクリエイターさんは是非一度Framerを触ってみてください！
Let's Go
©Kankitsu Kou Framer Encyclopedia