MooTools - как перезагрузить изображение? - PullRequest
1 голос
/ 22 июня 2011

Есть ли способ перезагрузить одно и то же изображение с помощью 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');
});

Любая помощь приветствуется.Спасибо.

Ответы [ 2 ]

0 голосов
/ 23 июня 2011

Я думаю, что-то подобное также может работать:

<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();
0 голосов
/ 22 июня 2011

почему бы не добавить начальный бит в 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 всегда будет path / image.jpg? N, где n изменяется и вынуждает браузер повторно выбирать его.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...