Automatic Text/Image Slideshow

Good for landing pages and overhead advertising

Change slides every 4 seconds: 7 slide example

Extra Box

First Slide

<figure> You can use figure to surround and Just Enter Your Text Here </figure>

Using figure

Extra Box

Second Slide

Just remove all the images on the carousel

Using figure

Extra Box

Third Slide

**this is a small table**
html	the body
css	the design
js	the brain

Using figure

Extra Box

Fourth Slide

JavaScript

   var slideIndex = 0;
showSlides();

function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}    
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";  
    dots[slideIndex-1].className += " active";
    setTimeout(showSlides, 2000); // Change image every 2 seconds
}

Using figure

Fifth Slide

Caption Five

Final Slide

using w3schools.com slideshow example

images removed and modified by Robert BrownFarley ( brofarops )

additional dots, slides, and script has been added

Slide Six

Final Final Slide

More slides can easily be added or deleted

Slide Seven

automated text slideshow