UAVGarage

#sliderDots span{ width:10px;height:10px;border-radius:50%;background:#bbb;display:block;cursor:pointer; }@media(max-width:767px){ .desktop-img{display:none!important;} .mobile-img{display:block!important;} #autoSlider img{height:220px!important;} }@media(min-width:768px) and (max-width:1024px){ .desktop-img{display:none!important;} .mobile-img{display:block!important;} .mobile-img{ height:340px; object-fit:cover; } }(function(){ let index=0; const slider=document.getElementById('autoSlider'); const dots=document.querySelectorAll('#sliderDots span'); const total=dots.length; let timer;function update(){ slider.style.transform='translateX('+(-index*100)+'%)'; dots.forEach((d,i)=>d.style.background=i===index?'#000':'#555'); }function auto(){index=(index+1)%total;update();} function start(){timer=setInterval(auto,3000);} function stop(){clearInterval(timer);}dots.forEach((dot,i)=>{ dot.onclick=()=>{ stop(); index=i; update(); setTimeout(start,5000); } });update(); start(); })();