<div class="mySlides fade" id="slide1">

                       <img class="homePageSlides imageCover" src="HomePage/slide3b.jpg">

                       <p id="fadeTxt1S1">"convallis malesuada."</p>

                       <p id="fadeTxt2S1">"tempus convallis "</p>

             </div>


            <div class="mySlides fade" id="slide2">

                       <img class="homePageSlides imageCover" src="HomePage/test2.jpg">

                       <p id="fadeTxt1S2">"amet nisl tempus"</p>

                       <p id="fadeTxt2S2">"tac lectus see"</p>

             </div>

            <script type="text/javascript">

            if($('#slide1').is(':visible')) {

              $("#fadeTxt1S1").delay(1000).fadeIn(3000);

              $("#fadeTxt2S1").delay(3000).fadeIn(3000);

            };

            if($('#slide2').is(':visible')) {

              $("#fadeTxt1S2").delay(1000).fadeIn(3000);

              $("#fadeTxt2S2").delay(3000).fadeIn(3000);

            };

           </script>