Submitted almost 2 years ago

Single-page design portfolio

LVL 5

Lo-Deck•5,055

@Lo-Deck

A solution to the Single-page design portfolio challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Hi here is my solution for Single-page-design-portfolio. I used HTML, CSS, JS.

What challenges did you encounter, and how did you overcome them?

It was to create a carousel/slide for images with an infinite roll.

I changed the src of the image with an array that I roll, instead to change the position.

let arrayPath = [
    "./images/image-slide-1.jpg",
    "./images/image-slide-2.jpg",
    "./images/image-slide-3.jpg",
    "./images/image-slide-4.jpg",
    "./images/image-slide-5.jpg"
];

Array.from(arraySlide).forEach( (item, index) =&gt; 
     {
            item.src = arrayPath[index];
     }

What specific areas of your project would you like help with?

Feel free to leave any comments or suggestion.

Thanks.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Lo-Deck’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord