Lab 18 - 4 Slideshows

In lab 18, we had to create 4 different slideshows. I used two cartoons that i created in visual design, winnie the pooh and piglet and changed the images color.









The first one was a normal one that changed the image with the "next" button and went back to the previous image when clicked on the "previous" button. The second slideshow was kind of the same idea but when a user clicked the "next" button, it went all the way to the last image. The third slideshow is the same thing as slideshow 1 but it went vertically inside of going horizontally. In addition, the fourth slideshow was the same thing as the second one but went vertically like the third one.

In order to do this lab, we had to use javascript and css. CSS was used to make our buttons (Next/Previous) and the javascript was added to tell the slider what to do when the buttons are clicked by the users. One of the thing we had to be careful was naming the ids because we couldn't use the same and had to change it for each slider.


I can use this skill in the future when I have to create a website that needs a slider. I really like these sliders because the user gets to choose whether they want to see the next image or go back to the previous.