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:
  

• 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>