Line 142: | Line 142: | ||
} | } | ||
− | + | /* Fading animation | |
.fade { | .fade { | ||
-webkit-animation-name: fade; | -webkit-animation-name: fade; | ||
Line 148: | Line 148: | ||
animation-name: fade; | animation-name: fade; | ||
animation-duration: 6s; | animation-duration: 6s; | ||
− | } | + | } |
@-webkit-keyframes fade { | @-webkit-keyframes fade { | ||
Line 158: | Line 158: | ||
from {opacity: .4} | from {opacity: .4} | ||
to {opacity: 1} | to {opacity: 1} | ||
− | } | + | }*/ |
/* On smaller screens, decrease text size */ | /* On smaller screens, decrease text size */ | ||
Line 244: | Line 244: | ||
prevButton: '.swiper-button-prev', | prevButton: '.swiper-button-prev', | ||
spaceBetween: 30, | spaceBetween: 30, | ||
− | autoplay: 5000, | + | //autoplay: 5000, |
autoplayDisableOnInteraction: false | autoplayDisableOnInteraction: false | ||
}); | }); | ||
Line 273: | Line 273: | ||
slides[slideIndex-1].style.display = "block"; | slides[slideIndex-1].style.display = "block"; | ||
dots[slideIndex-1].className += " active"; | dots[slideIndex-1].className += " active"; | ||
− | setTimeout(showSlides, 5000); // Change image every 5 seconds | + | //setTimeout(showSlides, 5000); // Change image every 5 seconds |
} | } | ||
</script> | </script> |
Revision as of 21:45, 25 October 2020