Create a Simple Slideshow
Creating the page content:
1. Create a div with the class “.slideshow” which then has 4 images but only 3 have the
class “.pic” added to them:
2. Next add the 4 images for our slideshow. NOTE: the images should have the same
width and height prior to being added:
Applying the CSS styling:
3. Next add some CSS to target the div the images are in making it centre on the page
and giving it the same width and height as the images:
4. Next we need get all 4 images to sit on top of each other instead of one after the
other:
1
Creating the page content:
1. Create a div with the class “.slideshow” which then has 4 images but only 3 have the
class “.pic” added to them:
2. Next add the 4 images for our slideshow. NOTE: the images should have the same
width and height prior to being added:
Applying the CSS styling:
3. Next add some CSS to target the div the images are in making it centre on the page
and giving it the same width and height as the images:
4. Next we need get all 4 images to sit on top of each other instead of one after the
other:
1
