Help Center Ad Gallery

Parallax Ad

This template is for an image ad with a parallax effect. The chosen ad image will display differently as you scroll down or up. The animation effect is done with JavaScript, CSS and HTML.

Demo

View a parallax ad.

Sample Code

<AdSpeed:Load:Parallax/>    

<a href="https://example.com/">
<div style="height:300px;width:100%;margin-top:20px" 
data-image-src="https://www.adspeed.com/mp4/BigBuckBunny.png" 
data-natural-width="1000" data-natural-height="563"
data-parallax="scroll" data-position="top" data-bleed="10"></div>
</a>

Customization

To customize the demo ad to your own version, change the image URL, the ad dimension and the click URL. Additional settings are available as provided by the JavaScript library parallax.js.

Create the ad

• Click on the menu Ads / Create a new ad and choose the ad type to be Rich-Media/HTML
• Paste the HTML code from the demo ad into the code box
• Customize the ad content to your own and Save the ad

Other Articles in Ad Gallery

• Catfish Ad
• Composite Ad
• Expandable Ad or Rollover Flash ad
• Expandable Image Ad
• Floating Ad or Layer Ad
• Grid-of-Buttons Ad
• Grid-of-Images Ad
• HTML5 Ad from a ZIP file
• HTML5 Adobe Animate Ad
• HTML5 Animate Ad
• HTML5 Video Ad
• Image Banner with Multiple Clickable Buttons
• Image Slideshow
• Interstitial Ad
• jQuery Popup Ad
• Mobile In-App Interstitial Ad with MRAID
• Mobile Interstitial Ad
• Multi-Click Image Ad
• Peeling Ad
• Polite Ad or Two-Phase Ad
• QuickTime and Windows Media Video Ad
• Skin Background Ad

Cannot find an answer for your question? Ask our Customer Care team

Related

• Campaign

  "Documentation for API methods to manage your campaigns in our ad server. API Version1.3.6 (build 20191206). This page was updated ..."

  in Manage Your Account AdSpeed API
• Website

  "Documentation for API methods to manage one or multiple websites. API Version1.3.6 (build 20191206). This page was updated on Sat, ..."

  in Manage Your Account AdSpeed API
• Grid-of-Images Ad

  "This template is for an ad with multiple images and text links in a table. You can have multiple columns ..."

  in Ad Gallery
• How do I mix image and text in an ad?

  "Rich-Media ad type provides the most flexible option to create your ad. This page describes the steps to create a ..."

  in Manage Your Account Banner, Richmedia, and Text Ads
• Grid-of-Buttons Ad

  "This template is for an ad with multiple clickable buttons in a table. You can have multiple columns and rows ..."

  in Ad Gallery