/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 vote183 views2 answers
Run build version react
Javascript React
0 vote162 views1 answer
Clear React Native TextInput
Javascript React
0 vote174 views1 answer
Get height webview from url video react native
Javascript React
1 vote191 views2 answers
React toastify
Javascript React
0 vote154 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
0 vote170 views1 answer
React children map
Javascript React
1 vote160 views2 answers
Adding more than one class react
Javascript React
0 vote173 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote182 views1 answer
Button color change loop in react
Javascript React
9 votes163 views2 answers
Reactjs radio button onchange
Javascript React