/Javascript/React/Image and video lightbox react

Image and video lightbox react

<ReactImageVideoLightbox
  data={[
    {
      url: "https://placekitten.com/450/300",
      type: "photo",
      altTag: "some image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some video",
    },
    {
      url: "https://placekitten.com/550/500",
      type: "photo",
      altTag: "some other image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some other video",
    },
  ]}
  startIndex={0}
  showResourceCount={true}
  onCloseCallback={this.callbackFunction}
  onNavigationCallback={(currentIndex) =>
    console.log(`Current index: ${currentIndex}`)
  }
/>

Source: npmjs.com

Similar codes

0 vote135 views1 answer
Play 2 audio react
Javascript React
15 votes133 views3 answers
Image react native
Javascript React
2 votes144 views1 answer
How to use `setState` callback on react hooks
Javascript React
0 vote151 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
133 votes316 views6 answers
Create react project
Javascript React
-1 vote100 views1 answer
Vimeo player react native
Javascript React
0 vote136 views1 answer
Get started with datagrid in react js
Javascript React
1 vote142 views1 answer
Cleartimeout react
Javascript React
0 vote150 views1 answer
Returned data has p tags react
Javascript React
0 vote141 views1 answer
Prevent double tap in react native
Javascript React