jquery - CSS と Jquery スライドショーのループを停止する

Question

私は JQuery を初めて使用し、jquery と css スライドショーのループを停止する方法がわかりません。すべての構文は次のとおりです。

HTML:

<div id="slideshow">
  <div>
    <img src="Slide1.gif">     
  </div>
  <div>
    <img src="Slide2.gif">
  </div>
  <div>
    <img src="Slide3.gif">
  </div>
</div>

CSS:

#slideshow { 
margin: 50px auto; 
position: relative; 
width: 755px; 
height: 410px; 
padding: 10px; 
box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
position: absolute; 
top: 10px; 
left: 10px; 
right: 10px; 
bottom: 10px; 
}

jQuery:

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(2000)
.end()
.appendTo('#slideshow');
},  3000);

誰かが私を助けてくれますか？どれでも大歓迎です。前もって感謝します。