MooTools - イメージをリロードするには？

Question

mootoolsを使用して同じイメージをリロードする方法はありますか。私にイメージを与えるカメラがありますが、私はそれをリフレッシュする必要があります。私はこれを書いたが、それほどうまくいきません。

var url = "some valid url to some image.jpg"; 
var timer = 10; 
var periodical; 

var camera_container; 
var refresh = (function() { 
    var loader = new Asset.image(url, { 
     onLoad : function() { 
      camera_container.empty(); 
      camera_container.inject(loader); 
     } 
    }); 
}); 

window.addEvent('domready', function() { 
    // the periodical starts here, the * 1000 is because milliseconds required 
    refresh.periodical(timer * 1000, this); 
    camera_container = $('camera-image'); 
}); 

助けてください。ありがとう。

Answer 1

URLにシードビットを追加しないのはなぜですか？

(function() { 
    var url = "some valid url to some image.jpg?"; 
    this.timer = 10; 
    var counter = 0; 

    this.refresh = (function() { 
     var loader = new Asset.image(url + counter, { 
      onLoad: function() { 
       camera_container.empty(); 
       camera_container.inject(loader); 
       counter++; 
      } 
     }); 
    }); 

})(); 

window.addEvent('domready', function() { 
    // the periodical starts here, the * 1000 is because milliseconds required 
    refresh.periodical(timer * 1000, this); 
    this.camera_container = $('camera-image'); 
}); 

この方法URLは常にパス/ image.jpgこと？N Nの変化と、それを再取得するためにブラウザを強制されますされます。

Answer 2

私はこのようなものでも働くことができると思う：

<div id="image-holder"> 
    <img src="http://www.image.com/image.jpg"/> 
</div> 


var srcImage = 'http://www.image.com/image.jpg'; 
var reloadTime = 4000; 
var holder = document.id('image-holder'); 

var imageReload = function(){ 
    holder.empty(); 
    var newImage = new Element('img',{ 
      id:'image', 
      src:srcImage , 
      alt:'image new' 
     }).inject(holder);  
} 

var start = function() { 
    interval = imageReload.periodical(reloadTime); 
}; 

start();