tainer { : relative;
width: 100%;
height: 500px; ;
.slide { : absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; sition-out;
.slide.active {
opacity: 1;
tainer”>
gage1.jpg”>
gage2.jpg”>
gage3.jpg”>
ent.querySelectorAll(‘.slide’); dex=0;
ctionextSlide() { dexove(‘active’); dexdexgth; dex].classList.add(‘active’);
tervalextSlide, 5000);