https://github.com/llivvv/SVT-Album-Cover-Carousel
This simple album slider/carousel website was made in order to learn HTML/CSS and JavaScript, and responsive design with CSS key-frames. When an arrow is pressed, the next or previous album is shown, until there are no more albums to show.
The most challenging part of this project was getting the sliding animation to work properly. At first, it was simpler to implement when the albums changed instantly after an arrow was pressed, as it meant I just had to change the background-image of the album ‘frame’. However, to my knowledge, the sliding animation would not be possible if I only changed the background-image. Instead, I had to create a banner which contained the images of all albums next to each other, and move it’s position so that only parts of it were visible in the album “frame”.