Return to List

Animated background in slider

Asked on October 29, 2015 in How To.

I am working on http://drsteyn.co.za/DentalImplants/ (WIP at the moment – very rough!)

I would like to ideally have an animated background image in the slider – I was looking at a CSS animation with 3 images that fade in and out in the same place (before and after images). Would it be best to get a plugin to do this, or is it possible to do so using CSS? I am looking at Cloud slider and Animated Content.

Kind regards
Chantal

Chantal Layers User

1 Answer(s)

Answered on October 29, 2015.

Hi there,

This is tough with CSS because it takes more work than it is worth to load a sprite image in the featued image space, size its container with CSS, set the background position, then apply all the animation and background position resets. The slider itself is an animation tool, for instance you create three slides, each with a different featured image, then set the slider to auto-slide in the interval you want your animation to take and use the fade slide effect. There are extensions that are definitely better suited for advanced slides, Master Slider is a good free one. Layers Essential Addons has an advanced Layers slider that may do what you;re looking for (You can find it on the Extension tab under Marketplace in WordPress)

Another way to achieve this in the stock slider is with animated gifs or cinemagraph jpgs.

Vail Joy Layers Team

Thanks
1

Chantal

Thanks – overcomplicating things as usual 🙂 back to the late nineties 🙂

on October 30, 2015.

JenniferLamarche

Reason to use Animations for advertising

Animations have become very common now. However, a great animation is rarely seen. Many businesses and companies now, use animation for their marketing and promotional activities. Many 2D Animation Studios Los Angeles claim that most of their clients specifically come for getting their animation advertisements created! Without any doubts! It is very clear that with the passing time, technology and the uses of equipment have been changing. Therefore, to make your place in the market your company should also come up with the trending form of advertising, as it can completely change the audience’s perspective about your brand or product.

on January 30, 2020.

roseadin

Animated background was available as the form of slider it has some facts to read on it that was customized. You have to answer some of these at myassignmenthelp.com review this was at the last of the blog you can also post your suggestions on this.

on March 21, 2020.

waynedietz

We facilitate our customers with excellent Animation Video Production with the finest quality and certified animators with years of experience and knowledge. Our exceptional animators excel in this domain.

on April 24, 2020.

Daniyal

If you are looking for a custom animated background, whether it’s 2d or 3d animation you can use these 2D animation software, these software are way user-friendly to animate and draw images.

on July 24, 2020.

celebsleatherjackets

Get your hands on the much-commended leather outfits from Celebs Leather Jackets that have helped support the factor of your preferred superstar! Place your order for your favorite celebrity styles jacket

on August 4, 2020.

Subscribe to our newsletter

Community Support

Subscribe to our newsletter

Latest Solutions

Animated background in slider

Possible Answers to Your Question:

Have You Updated Layers?

Filter By Tag

Latest Tips

Get More Support

HOT QUESTIONS