Thumbnails

  1. <a class="uk-thumbnail uk-overlay-toggle" href="#" data-uk-modal="{target:'#modal-1'}">
  2. <div class="uk-overlay">
  3. <img class="uk-overlay-image" src="images/dummyImages/blog.image.dummy.png" width="960" height="540" alt="dummy">
  4. <div class="uk-overlay-area"></div>
  5. </div>
  6. <div class="uk-thumbnail-caption">Caption with Modal</div>
  7. </a>
  8.  
  9. <div id="modal-1" class="uk-modal">
  10. <div class="uk-modal-dialog">
  11. <button type="button" class="uk-modal-close uk-close"></button>
  12. <h1>Headline</h1>
  13. <p>...</p>
  14. </div>
  15. </div>
  16.