Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects

Resolve "add FLOSS carousel on homepage"

Merged Celeste Robert requested to merge 12-add-floss-carousel-on-homepage into master
All threads resolved!
4 files
+ 27
61
Compare changes
  • Side-by-side
  • Inline
Files
4
+ 10
11
@@ -20,8 +20,8 @@ function CarouselElement({name, img, link}) {
@@ -20,8 +20,8 @@ function CarouselElement({name, img, link}) {
return (
return (
<div className="box_carousel">
<div className="box_carousel">
<img src={useBaseUrl(img)} className="carousel-img" />
<img src={useBaseUrl(img)} className="carousel-img" />
<h6 className="title_carousel">{name}</h6>
<h6 className="title_carousel">{name}</h6>
</div>
</div>
);
);
}
}
@@ -52,21 +52,20 @@ export default function Carousel(props) {
@@ -52,21 +52,20 @@ export default function Carousel(props) {
const list = props.list;
const list = props.list;
//https://react-slick.neostack.com/docs/api/
//https://react-slick.neostack.com/docs/api/
const settings = {
const settings = {
dots: false,
infinite: true,
infinite: true,
easing: "linear",
easing: "linear",
slidesToShow: 2,
slidesToShow: 2,
slidesToScroll: 1,
slidesToScroll: 1,
arrows: false,
arrows: false,
autoplay: true,
autoplay: true,
speed: 3000,
speed: 3000,
draggable: false,
draggable: false,
swipeToSlide: false,
swipeToSlide: false,
autoplaySpeed: 3000,
autoplaySpeed: 3000,
variableWidth: true,
variableWidth: true,
centerMode: true,
centerMode: true,
pauseOnHover: true,
pauseOnHover: true,
cssEase: "linear"
cssEase: "linear"
};
};
return (
return (
Loading