ユニゼロワン機能DEMOサイト Image Swap
DEMOに」ある機能は、ご希望に応じて様々にカスタマイズできます。
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
Happy Addons の「Image Swap」とは、2枚の画像を“ホバー”または“クリック”で切り替える（スワップする）アニメーション機能です。
機能応用例
できること（機能詳細）
1. Effect Type（効果タイプ）
Default（デフォルト）
- ホバー or クリックで切り替え
- 選べるエフェクト：
- Fade
- Move（Left / Right / Top / Bottom）
- Zoom In / Zoom Out
- Card（Left / Right / Top / Bottom）
Slide（スライド）
- クリックで切り替え
- エフェクト：
- Slide Top / Bottom / Right / Left
- ※同じサイズの画像が必須
2. Trigger（発動方法）
- Hover（ホバー）
- Click（クリック）
3. Transition Speed（切り替え速度）
- スワップのスピードを自由に調整可能
4. スタイル設定
- 枠線（Border）
- 角丸（Border Radius）
- 画像ごとの個別スタイル
- Elementor の Advanced 設定（モーション、背景、レスポンシブなど）
どんな用途に向いている？
- 商品画像の別角度を見せたい（例：表面 → 裏面）
- ビフォーアフター風の演出
- ホバーで動く視覚的アクセントを付けたい
- ギャラリーを動きのあるデザインにしたい
