asucank
asucank
Programming language:Html
2021-04-16 16:27:44
0
Q:

how to create slideshow header in html and css

mathewb
mathewb
Code: Html
2021-04-15 12:23:12 

 var slideIndex = 0;
carousel();

function carousel() {
  
 var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {

      x[i].style.display 
 = "none"; 
  }
  slideIndex++;
  
 if (slideIndex > x.length) {slideIndex = 1} 
  
 x[slideIndex-1].style.display = "block"; 
  setTimeout(carousel, 
 2000); // Change image every 2 seconds
}
-1
The Cook
The Cook
Code: Html
2021-01-16 12:26:52 

 var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex 
 += n);
}

function showDivs(n) {
  
 var i;
  var x = document.getElementsByClassName("mySlides");
  if 
 (n > x.length) {slideIndex = 1} 
  if (n < 1) {slideIndex = 
 x.length} ;
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none"; 

    }
  
 x[slideIndex-1].style.display = "block"; 
}
-1

Tags

Related

New to Communities?

Join the community