Image carousel
Submit a solution
Connect your GitHub account to submit a solution
Community solutions
ReactJs with performance optimization
I only render 2 images at a time in this approach by leveraging CSS transform.
Vanilla js solution
A simple vanilla js carousel solution.
Carousel Images with Autoplay
Complete Functionality
React-js
Image carousel with React
Carousel Vanilla JS
/
Image carousel
Vanilla JS
Image carousel with vanilla JS
Image carousel with vanilla JS
Image Carousel using React Functional Component
Learned to create a basic image carousel
Image carousel using javascript
Image carousel with prev and next buttons using plain JS
Image Carousel in React
What I learned: I managed cusomized useInterval to trigger the carousel display automatically.
Image Carousel with React Hooks
To develop this image carousel, I leveraged react with hooks to guide my state management, data fetching, and modularity. I had fun building out the MVP, and decided to take on some of the extra challenges. Of those, I got stuck on configuring css for theme options the longest, but got a solution.
Image carousel in js
autoplaying image carousel with buttons
auto-playing carousel
auto-playing carousel
Image carousel React
Image carousel with slide animation, stop the animation when putting mouse over an image, select an image by selector circles and select the top images of the week, month or year
Simple React for Image carousel
Simple React for Image carousel
Quick React Implementation
I used react and the setInterval function, by clearing the interval, I get the desired behavior. Interesting to see that the remainder operator and the modulo operator differ
Image carousel
Image Carousel with forward and backward functionality and autoplay slider
Simplified and refactored React
Simplified and refactored React
React autoplay
autoplay with prev n next
react
useeffect and stuff
React Solution
Fetched data, maped and filtered the images, setInterval of 3s on useEffect to increase the count, used count as id in the filtered images as src for the images, on clicking slide-buttons inc/dec count by 1
Image Carousel
Create an image carousel that cycles through images fetched from an endpoint (displaying a new image every 3 seconds), and allows the user to skip to the next/previous image.
Image carousel - Vanilla JS
Fetching Reddit API to get image datas and implemented auto sliding image carousel, next/previous buttons
