open single image on click

[robertnicjoo]

How can I open and image on click (no array of images, just single image)

[mirari]

Use api mode, and pass an array with one image: https://codepen.io/mirari/pen/NWpwVdd

[robertnicjoo]

Use api mode, and pass an array with one image: https://codepen.io/mirari/pen/NWpwVdd

TypeError: e.map is not a function

<img @click="show(post.media_url)" class="card-img-top" :src="post.media_url" height="150" :alt="post.alt">

show(url) {
  this.$viewerApi({
    images: url,
    options: {
      initialViewIndex: 2,
    },
  });
},

PS: my images are dynamic therefore I cannot have then on data{} (pre-loaded) like your sample code i must get them on page content instead.

[mirari]

this.$viewerApi({
    images: [url],
    options: {
      navbar: false,
    },
  });

[robertnicjoo]

Thank you, any suggestion on how to remove extra buttons such as play button?

[mirari]

Try this:

this.$viewerApi({
    images: [url],
    options: {
      navbar: false,
      toolbar: {
            zoomIn: true,
            zoomOut: true,
            oneToOne: true,
            reset: true,
            prev: false,
            play: false,
            next: false,
            rotateLeft: true,
            rotateRight: true,
            flipHorizontal: true,
            flipVertical: true,
          },
    },
  })        

https://github.com/fengyuanchen/viewerjs#toolbar

[robertnicjoo]

Amazing, Thanks a lot.