슬라이드 스크립트에 페이드를 추가 하시겠습니까?

Question

누군가가 나를 도울 수 있는지 궁금 해서요,이 preticular 스크립트 코드에서 페이드 betwene 슬라이드를 추가하는 방법이 있습니까? 이미지를 변경하는 버튼을 대상으로합니다. 감사드립니다. 내가 당신이라면

<script> 
    var slideIndex1 = 1; 
    showDivs1(slideIndex1); 

    function plusDivs1(n) { 
     showDivs1(slideIndex1 += n); 
    } 

    function showDivs1(n) { 
     var i; 
     var y = document.getElementsByClassName("mySlides1"); 
     if (n > y.length) { 
      slideIndex1 = 1 
     } 
     if (n < 1) { 
      slideIndex1 = y.length 
     } 
     for (i = 0; i < y.length; i++) { 
      y[i].style.display = "none"; 
     } 
     y[slideIndex1 - 1].style.display = "block"; 
    } 

</script> 

Answer 1

내가 무엇을 달성하기 위해 찾고있는 것은 회전 목마 (Bootstrap example)

이 모든 요소 display="none"을 적용하는 대신이라고 생각, 나는 애니메이션을 사용하는 일부 CSS 클래스를 전환하거나 것 전환.

당신은 CSS 애니메이션에 대해 자세히 알아볼 수 있습니다 here (just an example of what you can achieve with vanilla CSS)

따라서 나는 미리 만들어진 솔루션을 사용하거나 당신을 제안, 또는 같은 폴더의 유틸리티 라이브러리를 사용하는 것, 작업 및 응답 회전 목마를 만들 지루한 될 수 있습니다 jQuery은 많은 애니메이션을 제공합니다.