diaporama réagit npm
import React from 'react';
import { Fade } from 'react-slideshow-image';
import 'react-slideshow-image/dist/styles.css'
const fadeImages = [
{
url: 'images/slide_5.jpg',
caption: 'First Slide'
},
{
url: 'images/slide_6.jpg',
caption: 'Second Slide'
},
{
url: 'images/slide_7.jpg',
caption: 'Third Slide'
},
];
const Slideshow = () => {
return (
<div className="slide-container">
<Fade>
{fadeImages.map((fadeImage, index) => (
<div className="each-fade" key={index}>
<div className="image-container">
<img src={fadeImage.url} />
</div>
<h2>{fadeImage.caption}</h2>
</div>
))}
</Fade>
</div>
)
}
hamed good