AD Gallery Demo

Simple Demo to check out AD Gallery jQuery plugin

HTML

<script src="http://coffeescripter.com/code/ad-gallery/jquery.ad-gallery.js"></script>
<link rel="stylesheet" href="http://coffeescripter.com/code/ad-gallery/jquery.ad-gallery.css">
<div class="ad-gallery">
  <div class="ad-image-wrapper">
  </div>
  <div class="ad-controls">
  </div>
  <div class="ad-nav">
    <div class="ad-thumbs">
      <ul class="ad-thumb-list">
        <li>
          <a href="https://www.sideshowtoy.com/wp-content/uploads/2016/05/star-wars-yoda-sixth-scale-hot-toys-silo-902738.png">
            <img src="https://www.sideshowtoy.com/wp-content/uploads/2016/05/star-wars-yoda-sixth-scale-hot-toys-silo-902738.png">
          </a>
        </li>
        <li>
          <a href="https://www.sideshowtoy.com/wp-content/uploads/2016/05/star-wars-yoda-sixth-scale-hot-toys-silo-902738.png">
            <img src="https://www.sideshowtoy.com/wp-content/uploads/2016/05/star-wars-yoda-sixth-scale-hot-toys-silo-902738.png">
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

JavaScript

var galleries = $('.ad-gallery').adGallery({
    callbacks: {
        afterImageVisible: function() {
            this.slideshow.start();
        }
    }
});