imageslider2

by bvotcode

HTML

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>

<button id="my-button">Show</button>

JavaScript

const button = document.getElementById('my-button');
button.addEventListener('click', () => {

  const panel = UIkit.lightboxPanel({
    items: [
    {
        source: 'https://images.freeimages.com/images/large-previews/eb9/hot-coffee-1240214.jpg',
        caption: 'item 1'
      },
      {
        source: 'https://images.freeimages.com/images/large-previews/57a/time-2-1240218.jpg',
        caption: 'item 2'
      },
    ]
  });

  panel.show()
})