booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Layered Images

Layered Images

Preview Widget
Preview Widget
Getting Started
General
Images

More Widgets

• Hotspot Image
• Showcase Image
• Fancy Text
• Interactive Carousel
Play Video

# Getting started

The layered images widget is a powerful visual tool for your web pages.This widget uses a multiple layers system where each layer is an image that has its own animation settings.By using this system, you can upload your images and setup an unlimited number of layers to create astonishing designs.

Lets go over the options provided by this stunning widget.

General

The general section is going to be used to align the widget and change the global parallax settings.

  • Alignement : Align the widget inside the containing section.The options available are left, center, and right.
  • Enable Parallax onHover :  Enable the parallax effect when the user hovers over the images.
  • Enable Parallax onScroll : Enable the parallax effect when the user is scrolling the images.

Images

This is where you will manage the image layers list.You can add an image layer to the list by clicking on the add item button at the bottom of this section.For each item, you have the following options:

  • Choose Image : Select or upload the desired image for this layer.
  • Animation Type : Choose from a great number of animation each with a unique effects.Some animations have multiple direction options.
  • : Control the animation duration.The higher this number, the slower the animation.
  • : Alternate the animation delay.This is the wait time before the animation starts.
  • Re-Animate : Enable this option if you want to the animation to occur more than once.You can define the number in the iteration type control.
  • Iteration Type : Select an iteration option.The custom option allows you to set the number of iterations.
  • Enable Parallax onHover :  Enable the parallax effect when the user hovers over this specific image.This will override the global option in the general section but only for this item.
  • Enable Parallax Vertical onScroll : Enable the parallax effect when the user is vertically scrolling the image.This will override the global option in the general section but only for this item.
  • Enable Parallax Horizontal onScroll : Enable the parallax effect when the user is horizontally scrolling the image.This will override the global option in the general section but only for this item.
  • Image Margin : Change the image margins values to control this item position.
  • Radius, Border & Box Shadow : Customize the image radius to change its shape and add a border and a box shadow to add even more design to this element.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020