Find solution
How does a criminal background work?

What is this web page background ad called and how does it work?

  • http://www.huffingtonpost.com/2014/01/07/jelly-app_n_4556028.html (HuffPo), I see a dynamic background ad for Chicago PD that changes as you scroll down. I noticed it because it defied my AdBlockPro. What is it called? How does it work? It's not just a changing background, but there are different layers of animation present. I used to be a web designer and left the industry before the really neat stuff started to happen. But I'm still amazed by the great things that I see. If I wanted to create something like this, where would I start, language-wise? (This ad campaign might only run once per user as I had to clear cookies to see it again.)

  • Answer:

    They call it a "http://adspecs.aol.com/approved-rich-media-mobile-3rd-party-vendors/aol-top-tier-vendor-solutions/reactive-spaces":Reactive Spaces is the latest innovation in rich media. Built in HTML5 to take advantage of new capabilities of modern browsers and designed to combat banner blindness, Reactive Spaces creates a vibrant and fulfilling user experience that weaves organically into existing navigation habits. Ads spring to life as users scroll down the page, presenting advertisers with new and dynamic ways to engage with their audience. Exclusive to AOL, these are the only HTML5 wallpaper ads available on the marketplace.The code is http://cdn.reactivespaces.com/45/ad.html.

kimberussell at Ask.Metafilter.Com Visit the source

Was this solution helpful to you?

Other answers

I have seen this technique/ad unit referred to by marketing people as a "homepage takeover."

jbickers

I can't see the ad itself, but the described technique is called http://en.wikipedia.org/wiki/Parallax_scrolling. You can see http://www.creativebloq.com/web-design/parallax-scrolling-1131762 or google the term for further references.

KMB

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.