fadeIn을 슬라이드에 적용하기 fullpage.js

Question

슬라이드의 .intro 섹션에 fadeIn 및 기능을 적용하는 데 문제가 있습니다. 내가 원하는 섹션으로 구성했지만 슬라이드 1에 적용 할 수없는 것 같습니다. 저는 HTML 등을 작성하는 데있어 매우 익숙합니다. 이것은 내가에 효과를 적용 할 슬라이드의 HTML이

afterLoad: function(anchorLink, index, slideIndex){ 

       //section 1 
       if(index == 2){ 
        //moving the image 
        $('#section1').find('.intro').first().fadeIn(800, function(){ 
         $('#section1').find('.intro').last().fadeIn(800); 
        });; 
       } 

       //section 2 
       if(slideIndex == 1){ 
        //moving the image 

        $('#slide1').find('.intro').first().fadeIn(800, function(){ 
         $('#slide1').find('.intro').last().fadeIn(800); 
        });; 
       } 

입니다 :

#section1 .intro{ 
    display:none; 
} 

#slide1 .intro{ 
    display:none; 
} 

이것은 내가 추가 한 자바 스크립트는 다음과 같습니다

이

내가 작성한 CSS입니다 : 시청자가 섹션 그것을 채 것을, 퇴색 할 수 있도록

<div class="section" id="section2"> 
    <div class="slide" id="slide1"> 
     <div class="intro"> 
      <h2>Header</h2> 
     <br> 
     <br> 
     <br> 
     <p>Text</p> 
     </div> 
    </div> 

    <div class="slide" id="slide2"> 
     <img src="Images/image.svg"> 
    </div> 
    </div> 

는 또한 오,하는 페이드 전환을 적용하려고 않았다 다음 섹션이 보일 때 페이드 인 전환이 다시 일어날 것입니다. 모든 포인터는 크게 감상 할 수

afterLeave: function(anchorLink, index){ 

       //section 1 
       if(index == 2){ 
        //moving the image 
        $('#section1').find('.intro').first().fadeOut(800, function(){ 
         $('#section1').find('.intro').last().fadeOut(800); 
        });; 
       } 

:하지만이는 나의 꽤 희망을 시도했다.

Answer 1

afterLoadaccording to the documentation는 두 개의 매개 변수를 가지고 있으며, 당신은 3을 사용하고 있습니다 :

afterLoad: function(anchorLink, index){}, 

onLeaveaccording to the documentation은 3 개의 매개 변수가 있고 2를 사용하는 : 또한

onLeave: function(index, nextIndex, direction){}, 

, 당신은 onLeave을 사용하지 않는 점에 유의 , 존재하지 않는 afterLeave을 사용 중입니다.