Images Swap
Enhance your website's interactivity with Images Swap, a versatile plugin that allows for seamless image or background swapping from any link, button, or accordion across themes and page builders, including Elementor. Customizable CSS classes and dynamic transition effects.
by Héctor Guedea · github.com/hectorguedea/image-swap-wordpress · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/hectorguedea/image-swap-wordpress/archive/refs/heads/master.zipPlugin Name: Images Swap Plugin URI: https://hectorguedea.com/images-swap-plugin Version: 1.0 Stable Tag: 1.0 Requires at least: 5.2 Tested up to: 5.9 Requires PHP: 7.0 Author: Héctor Guedea Author URI: https://hectorguedea.com License: GPL-2.0 or later License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Boost interactivity with Images Swap plugin, enabling seamless image swapping across themes and builders like Elementor with customizable effects
Description
Images Swap is a dynamic WordPress plugin that introduces a new level of interactive design to your website, allowing users to swap images or backgrounds effortlessly. Compatible with any theme or page builder, including Elementor, Beaver Builder, Divi, and more, Images Swap is the perfect tool for enhancing the visual appeal and engagement of your site.
Features Include:
- Universal Compatibility: Works seamlessly with any WordPress theme or page builder, providing flexibility and ease of integration.
- Dynamic Content Interaction: Enable image or background swaps from links, buttons, or accordions, adding an interactive element to your site.
- Customizable Transitions: Elevate the user experience with a selection of transition effects, adjustable to fit your site's aesthetic.
- Advanced Customization Options: Utilize custom CSS classes to fine-tune the appearance and behavior of your swappable elements.
Ideal for website owners, developers, and designers looking to add an interactive and engaging layer to their web pages.
Installation
- Download the
images-swapzip file from the Plugin URI. - Go to your WordPress dashboard, navigate to 'Plugins' > 'Add New', and click on 'Upload Plugin' at the top of the page.
- Choose the downloaded zip file and click 'Install Now'.
- Once installed, click 'Activate Plugin' to start using Images Swap on your site.
Usage
- After activation, head over to
Tools>Images Swapto access the plugin settings. - Define CSS classes for your image swap triggers such as links, buttons, or accordion items to match your site's design.
- Choose from a variety of transition effects and durations to create smooth and visually appealing image transitions.
- Apply your configured CSS classes within your site's elements to enable the image swapping feature.
- Ensure that the IDs of your triggers correspond to the names of the images in your Media Library for flawless functionality.
Frequently Asked Questions
Can I specify different transition effects for different elements?
Absolutely! You can assign unique CSS classes to different elements and select distinct transition effects for each, providing you with complete control over the animations.
Do I need to write any code to use this plugin?
No coding is required! Images Swap is designed for ease of use, with a straightforward settings interface that lets you configure everything without touching a single line of code.
Screenshots
- The Images Swap settings interface in the WordPress dashboard.
- Example of a webpage using Images Swap with a smooth transition effect.
Changelog
1.0
- Official release of Images Swap, introducing versatile image and background swapping capabilities compatible with any WordPress theme or page builder.
Upgrade Notice
1.0
Celebrate the launch of Images Swap! Dive into a new realm of interactive web design with our easy-to-use image swapping plugin.