Magic Banners: Slideshow

Advertserve Updates, Website Banner Ads

HTML5 Slideshow Banner

Creating a HTML5 slideshow sounds like it would be difficult right? Well, it
could be if you started coding from scratch. What if I told you that it can be
done by simply uploading a few images and choosing a few ready-made effects?
Would you really believe it could be done without writing a single line of code?
Prepare to have your mind blown by what we call the magic banner.

Creating the Media

  1. Click on the Media icon in the main AdvertServe tool bar and then click
    on the Create New Media link.
  2. Next you will want to go through the usual steps of entering a name for your banner
    and selecting the advertiser.
  3. Then you will want to choose Magic Banner for the media type and also select
    the desired Size (i.e. 300×250)
  4. At this point your screen should look like the following screenshot:
    Magic Banners: Creating the Media
  5. Next we need to upload the image for the first frame, which we can do by clicking on the
    file folder icon above the Foreground Image URL field.
    Magic Banners: Frame 1
    As you can see I have also entered a Redirect URL and selected Puff
    for the Image Transition Effect to produce a nice entrance effect.
  6. Then I repeat this process to add three additional frames, but for these I choose
    Fade for the Image Transition Effect to make for a smooth transition between frames.
    Magic Banners: Frame 2
    Magic Banners: Frame 3
    Magic Banners: Frame 4
  7. Then finally we can press the Create and Preview Media button.
    Magic Banners: Preview
  8. You should see your slideshow start playing and it will play as many times as you
    specified with the Max Animation Loops option.

Wrapping Up

Hopefully you enjoyed seeing just how easy it can be to create a HTML5 slideshow banner.
Hungry for more? As you might have noticed, the magic banner has 60 transition effects
so play around with some different combinations and see what you can come up with!
You can also learn a lot more from our
built-in templates, which we
introduced in the previous tutorial in this series.

Start Your Free Trial

Interested in giving AdvertServe a spin? Check out our demo page take a look at our interface and get an overview of the ad management process. When you’re ready, sign up for your free 30 day trial¬†

Great Server, Better Support!

AdvertServe provides world class support and allows all the functionality of the top adservers in the market. We have used and do work within many of the largest servers on the market, and advertserve easily holds its own.

Bill W.