Asp.net의 슬라이더 코드를 설명하십시오.

Question

ASP.net에서 C#을 사용하고 있습니다. 여기에서이 코드를 받았습니다. http://www.c-sharpcorner.com/UploadFile/c63ec5/build-image-slider-with-Asp-Net/ 각 행에 작은 줄 설명을 줄 수 있습니다.

는

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript"> 
     var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg']; 
     var count = NoofImage.length; 
     $(function() { setInterval(Slider, 2000) }); 
     function Slider() 
     { 
      $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow"); 
      }); 
     } 
    </script> 

Answer 1

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 

이 라인은 단순히이 줄은 이미지에 문자열 배열을 인스턴스화 googlecode.com

<script type="text/javascript"> 
    var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg']; 

에서 jQuery 라이브러리를로드합니다. (파일 위치)

var count = NoofImage.length; 

카운트

$(function() { setInterval(Slider, 2000) }); 

위의 배열의 길이는이 "슬라이더"모든 2000 MS (2 초)으로

function Slider() 
    { 
     $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow"); 
     }); 
    } 
</script> 

을 기능을 실행하는 기능을 실행 이렇게하면 한 번에 하나씩 이미지에 페이드 인 효과가 생성됩니다. "느리게"페이드 인하 고 현재 숫자로 배열에 제공된 URL에서 이미지를 인스턴스화하는 인라인 함수를 실행합니다. 마지막 이미지에 도달 한 후 계수를 사용하여 첫 번째 이미지로 돌아갑니다. 이 줄은 DOM 요소 "imageSlide"에 종속됩니다.

이 질문에 충분히 답변하시기 바랍니다.