создания изображения внутри setInterval не начиная с той же позиции

Question

это мой jsfiddle: http://jsfiddle.net/ybyu5/4/

function CreateAndAnimateEnemyImg() { 
      var nh = Math.floor((Math.random() * 267) + 1); 

      var enemy = document.createElement('img'); 
      enemy.src = 'enemy.jpg'; 
      enemy.className = 'Enemy'; 
      enemy.style.top = nh + 'px'; 
      // enemy.style.left = '270px'; 
      //enemy.style.right = '0px'; 
      pane.append(enemy); 
      enemy.onload = function() { 


       setInterval(function() { 
        $('.Enemy').animate({ 'left': '-=20px' }); 
       }, 200); 
       //alert(enemy.style.right); 
      } 
     } 

я хочу, когда создается каждое изображение должно иметь право устанавливать на 0 пикселей, и когда он достигнет границы слева все равно должно исчезнуть?

Answer 1

Использование overflow:hidden для контейнера:

.Container 
{ 
    width: 300px; 
    height: 300px; 
    background-color: White; 
    overflow: hidden; 
    border: 1px solid black; 
} 

Fiddle

Updated fiddle with deleting hided dom elements.