<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet" />


<div class="w3-content w3-display-container">
  <a href="https://trylity.blogspot.com/search/label/YouTube"><img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6jlJw8aagVEB89aBQ3Eq5xuC5126kXUxD0ZspS8sZ2_P7wEV7cq2W2feI25jI6zNHoe37y2Lvf7XFaw2fKXRqB8db7RPbwQ_phbWshTRpSSIH579sz4ylgBsydljEx8A-HYJPbQhBux6B/s1600/tips+and+tricks+copy1.png" style="width: 100%;" /></a>
  <a href="https://trylity.blogspot.com/search/label/Blogger"><img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRaRGx8dbFRIOGfXklyeiH-3F1fy_2Du8hIuyKN7YjwYMz-I-EkvnWh5dY2G2mxuQoBJgGe8LX22QviG8T4ye56hrHniA0KgT5y9vVKUL1ZUPR1vLY3sX13xoypsmGAU85sDMies-m_8D7/s1600/blogger+thumbnail111.png" style="width: 100%;" /></a>


  <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
  <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
<script>
var slideIndex = 0;
showSlides();

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

Powered by Helplogger