画像交換ウィジェット
このウィジェットはのコンポーネントです ElementsKit
画像交換ウィジェットを使用して 2 つの画像を 1 か所に表示します。画像にマウスを置くとすぐに画像が切り替わります。
動画再生
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2022/09/video_thumbnail_man_2.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/11/video_leaf_4.png)
キャッチーを適用する
画像交換効果
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-1.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap_1.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap_2.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap_2.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-3.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-3.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.1-1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.2-1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-8.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-8.2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-9.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-9.2.jpg)
画像交換トリガーオプション
ElementsKit を使用する
- ホバートリガー
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-10.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-10.2.jpg)
- クリックトリガー
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-11.1.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-11.2.jpg)
スライド効果の生成
エレメンターと
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image_swap_orange2.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image_swap_orange4.jpg)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image_swap_stawbery7.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image_swap_stawbery6.png)
スワップ効果を発見する
ElementsKit を使用した場合
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4-.6.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.3.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.4.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-4.5.png)
カード&ローテーション効果
エレメンターと
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.1.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.2.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.4.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-5.5.png)
スライド効果を発見する
ElementsKit を使用した場合
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.3.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.9.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.4.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-7.8.png)
スライド効果を発見する
エレメンターと
ElementsKit オールインワン アドオンを使用すると、Elementor のすべてのウィジェットと拡張機能をカスタマイズ、有効化、無効化できます。
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-6.2.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-6.4.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-6.5.png)
![](https://wpmet.com/plugin/elementskit/wp-content/uploads/2023/02/image-swap-6.6.png)
他のウィジェットもご覧ください
なぜ複数のプラグインが必要なのでしょうか? Elementskit は、すべてを 1 つの機能で提供します。