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