diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-19 17:22:33 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-19 17:22:33 +0200 |
| commit | 27d593acaf023ba15b3c81cbe72e90f754523078 (patch) | |
| tree | ee5d857fe6abe37b026d6ad16d148834427eac8b /animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js | |
| parent | 609d04b1bc02a5ee57ec22cb49fc6f08b57f1deb (diff) | |
vitrine modal
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js b/animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js deleted file mode 100644 index cfd1e48..0000000 --- a/animism-align/frontend/app/views/viewer/player/components.utility/media.carousel.js +++ /dev/null @@ -1,36 +0,0 @@ -import React, { Component } from 'react' -import { useKeenSlider } from "keen-slider/react" -import "keen-slider/keen-slider.min.css" - -export const Carousel = ({ media }) => { - const { image_order, image_lookup, display_lookup, thumbnail_lookup } = media.settings - - const [sliderRef] = useKeenSlider({ - slidesPerView: 2, - mode: "free-snap", - spacing: 15, - centered: true, - loop: false - }); - // console.log(display_lookup) - // console.log(width) - return ( - <div ref={sliderRef} className='keen-slider carousel-items'> - {image_order.map(id => { - const image = display_lookup[id] - console.log(image) - return ( - <CarouselItem key={id} image={image} /> - ) - })} - </div> - ) -} - -const CarouselItem = ({ image }) => { - return ( - <div className='keen-slider__slide carousel-item' style={{ - backgroundImage: 'url(' + image.url + ')', - }} /> - ) -} |
