The Animated Slider with Ken Burns zoom effect plugin brings a modern, engaging slider experience to your WordPress site. Powered by the Ken Burns zoom effect, it offers a fully responsive, full-width slider with customizable animations, including smooth fade transitions and a dynamic zoom effect. The plugin is lightweight, easy to use, and integrates seamlessly with WordPress, allowing you to display images in a visually appealing way. Simply use the [animated_slider ids="image_id1,image_id2,..."]
shortcode to add a slider with your chosen images. The slider is optimized for performance and supports touch interactions, autoplay, and responsive breakpoints for a perfect experience across devices.
Features of Animated Slider with Ken Burns zoom effect
- Full-Width Slider: Automatically spans the entire viewport width for a bold, immersive presentation.
- Smooth Animations: Includes a zoom animation with customizable transform origins and fade transitions for a professional look.
- Responsive Design: Adapts to various screen sizes with predefined breakpoints (1088px, 960px, 768px, 430px) for optimal display.
- Autoplay & Touch Support: Configurable autoplay with a 3-second delay and touch-friendly swipe navigation.
- Easy Integration: Use the simple
[animated_slider]
shortcode with image IDs to create sliders anywhere on your site. - Performance Optimized: Loads all assets from your server and includes inline scripts for minimal overhead.
- Cross-Browser Compatibility: Includes additional code for older browsers to ensure broad support.
Installation
- Upload the plugin folder to the
/wp-content/plugins/
directory. - Activate the Mobileship Animated Slider plugin through the WordPress admin panel.
- Add the shortcode
[animated_slider ids="image_id1,image_id2,..."]
to any post, page, or widget area, replacingimage_id1,image_id2,...
with the IDs of images from your WordPress media library.
Usage of Animated Slider with Ken Burns zoom effect
- Upload images to your WordPress media library and note their IDs.
- Insert the shortcode
[animated_slider ids="123,456,789"]
in your content, replacing123,456,789
with your image IDs. - The slider will automatically display with fade transitions, zoom animations, and responsive behavior.
Requirements
- WordPress 5.0 or higher
- PHP 7.0 or higher
- Images uploaded to the WordPress media library