Questions tagged [react-slideshow-image]
9 questions
2
votes
1 answer
React duplicating list items when adding multiple components?
The below link is to a codesandbox for a project I am working on. The SideNav list items match the slides for navigation. The problem is that when I add an another different component (like other for example)to the return statement of slideshow.js,…
lache
- 608
- 2
- 12
- 29
1
vote
0 answers
inView in framer-motion returns false when component is in viewPort in react image slider
Below is my slider component which renders the imageSlider in my app
const Slider = () => {
// slider state and images data
const [currentSlide, setCurrentSlide] = useState(0);
const { sliderImages, sliderImagesLoading } =…
Prince Singh
- 87
- 6
1
vote
0 answers
React/Nextjs | Cannot figure out how to properly loop image back to start/end when pressing previous and next arrows
I am using heroicons, tailwindCSS, nextjs/react.
I have tried creating a useState for the index and using useEffect to update it every time. selectedIMG has a state but that didnt work as well. I cannot seem to understand why it is not looping the…
pNut
- 21
- 5
1
vote
1 answer
react-slideshow-image package not loading images from google drive
I've been trying for two days to make heads or tails of the react-slideshow-image package. I've installed all the missing dependencies by hand, I tried moving the images folder around (anything outside of src threw an error immediately though...),…
GeneralWinter
- 63
- 1
- 1
- 7
0
votes
0 answers
CoverFlow effect width 3 slides in react slick
I need to create a slider like the one that is in the image Slick Slider.
the first element should be the 3rd slide, active. Other two slides need to be behind the first one on the left side, as shown in the image.
On first scroll, the active…
Harish.karuppan
- 1
- 2
0
votes
1 answer
React slick fade effect porblem
my React website from right to left
and I have react-slide to show 1 image every slide
const settings = {
dots: true,
infinite: true,
autoplaySpeed:1500,
speed: 1000,
slidesToShow: 1,
slidesToScroll: 1,
…
Nazar Kardan
- 47
- 1
- 5
0
votes
1 answer
how to add auto slide functionality in slider.js component in react
I'm trying to do a React automatic slideshow that starts automatic the slideshow after page loading/render. At this point I only be able to insert a button and change the slides after clicking them. I want to add auto slideshow functionality but i…
Jenil
- 31
- 3
0
votes
1 answer
Make prev and next arrows stick to edges of image in slideshow
I see there are several posts related to prev and next buttons w/ slideshows, but none specific to this issue. I used W3School template for how to create a slideshow and carousel. They place the prev and next arrows on the edge of the div element,…
0
votes
0 answers
How to make image to fit a div inside component of react-slideshow-image
Im trying to make image to fit a div.
Im using react-slideshow-image.
this is the CodSandbox :
https://codesandbox.io/s/react-slide-imageshow-heightproblem-mforb?file=/src/App.js
return (
Amit Hagag
- 46
- 7