Mam problem, chcę mieć zmieniające się obrazki. Wszystko działa niby tak jak należy. Ale po jakimś czasie zamiast zmieniać się co 4 sek., one zmieniają się jednocześnie. Co może być nie tak?

[JAVASCRIPT] pobierz, plaintext 
var aktualny_obrazek = 0;
 
function zmien_obrazki()
{
  $('#obrazy img:nth-child('+(window.aktualny_obrazek+1)+')').animate({opacity: '0.0'}, 2000);
  window.aktualny_obrazek = (window.aktualny_obrazek + 1) % 11;
  $('#obrazy img:nth-child('+(window.aktualny_obrazek+1)+')').animate({opacity: '1.0'}, 2000);
}
 
$(document).ready(function()
{
  setInterval("zmien_obrazki()", 4000);
})
[JAVASCRIPT] pobierz, plaintext 

No i HTML:

[HTML] pobierz, plaintext 
<div id="obrazy">
      <img src="1.jpg" alt="">
      <img src="2.jpg" alt="">
      <img src="3.jpg" alt="">
      <img src="4.jpg" alt="">
      <img src="5.jpg" alt="">
      <img src="6.jpg" alt="">
      <img src="7.jpg" alt="">
      <img src="8.jpg" alt="">
      <img src="9.jpg" alt="">
      <img src="10.jpg" alt="">
      <img src="11.jpg" alt="">
    </div>
[HTML] pobierz, plaintext