Need help on my code to fade in and out 3 images before redirect

Need help on my code to fade in and out 3 images before redirect

I basically want to have 3 images fade in and out. Once the third image fades out the website then redirects.

The code below does exactly what I want for 1 image, but I need it to do it for 3 images and not sure where to go from here.

  1. <img src="images/slide1.jpg" alt="Example" id="slideshow" />
    <script>
    $
    (function() {

    $

    ('#slideshow').fadeIn(3000, function() {
    $
    (this).delay(1000).fadeOut(2000, function() { window.location = 'http://google.com/'; });
    });


    });
    </script>