Help Center Ad Gallery

Image Slideshow

This ad creative template will rotate through a number of images. It is often used to showcase multiple photos for a real estate property, travel resort, or a facility/building.

Sample Code

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<style type="text/css">
#AdSpeedAdSlideShow img { position:absolute; }
#AdSpeedAdSlideShow img.AdImgActive{ z-index:999; }
</style>

<div id="AdSpeedAdSlideShow">
 <img src="img1.jpg" class="AdImgActive" />
 <img src="img2.jpg" />
 <img src="img3.jpg" />
</div>


<script type="text/javascript">
 function slideSwitch() {
  var $active = $('div#AdSpeedAdSlideShow img.AdImgActive');
  var $next = $active.next();
  $next.addClass('AdImgActive');
  $active.removeClass('AdImgActive');
 }

 $(function() {
  setInterval("slideSwitch()", 5000); // 5 seconds
 });
</script>

Customization

To customize the sample ad to your own ad, change the URL of the ad images and the switching interval. You can further use fadeIn/fadeOut methods to add animation to the slides.

Create the ad

  • Click on the menu Ads / Create a new ad and choose the ad type to be Rich-Media/HTML
  • Paste the ad HTML code from the Sample Code section into the code box
  • Customize the ad content to your own creative content
  • Generate the JavaScript-based serving code

Other Articles in Ad Gallery

This section provides demo, sample and instructions for the most common and popular ad creative templates. Click on a template link to view the description, demo and instructions to create in the ad server, customize it to suite your purpose and integrate the ad with your platform.

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.4.6 (build 20240530). This page was updated ..."
  • Website
    "Documentation for API methods to manage one or multiple websites. API Version1.4.6 (build 20240530). This page was updated on Tue, ..."
  • Expandable Image Ad
    "This ad template is for an expandable ad but without the need for Flash. It uses only JavaScript and HTML ..."
  • Catfish Ad
    "A catfish ad appears (slides in or fades in) as a horizontal area at the bottom of a page. The ..."
  • Grid-of-Images Ad
    "This template is for an ad with multiple images and text links in a table. You can have multiple columns ..."