Glossy Gallery with Captions

Summary

Let pictures do the talking with a prominent and elegant photo gallery. Customize to any size, but larger is better. Designed for in-story and between page modules. Upload as many photos as needed.

Setup / Inputs

These are the fields / inputs taken to generate this ad. In general, inputs are not required. That said, these inputs are how you customize the ad!

  • Width: The width of the ad
    Default value:
    600px

  • Height: The height of the ad
    Default value:
    500px

  • Destination: Where the user should be taken when they click
    Default value:
    [empty]

  • Logo Background: The logo background
    Default value:
    #ffffff (more on color values here)

  • Logo: The logo at the top of the gallery
    Default value:
    Default Value

  • Logo Area Height: The height of the logo with units, like 150px
    Default value:
    150px

  • Logo Width: The width of the logo with units, like 200px
    Default value:
    200px

  • Images: The images and captions to display
    Default value:
    Array

  • Delay: The number of seconds to wait before switching to the next slide
    Default value:
    5

Embed An Example In Your Media Kit

Customers who wish to embed the example on some "Media Kit" page on their website can do so in one of two ways:

  • Option 1: If you have Wordpress and the Broadstreet plugin, you can use this shortcode anywhere in any post to render the example. 

    [broadstreet ad="133210"]

  • Option 2: If you do not have Wordpress, or choose not install the Broadstreet plugin, you can embed this javascript code snippet into your post: 

    <div street-address="133210"></div><script>
(function(d, s) {
  // CLICK MACRO AND CONFIGURATION SECTION
  var destination = '%%CLICK_URL_ESC%%';
  // DO NOT EDIT BELOW THIS LINE
  var js, bjs = d.getElementsByTagName(s)[0];
  js = d.createElement(s); js.async = true;
  js.src = "//ad.broadstreetads.com/display/133210.js?sa=1&"
    + (window.broadstreet ? 'init=0' : '')
    + (destination.indexOf('CLICK_URL_ESC') >= 0
      ? '' : '&destination=' + destination);
  bjs.parentNode.insertBefore(js, bjs);
}(document, 'script'));</script>