OL 5: плавные переходы при быстром изменении слоев

Question

У меня есть некоторые PNG (прозрачные радарные изображения), которые я хочу показать как слой изображения. Не было проблем с этим........ Я загрузил изображение, затем удалил его, загрузил новое, удалил его и т. Д...... Но при этом способе переходы не являются плавными (подробнее как мерцающие изображения), как я бы надеялся. Как я могу сделать это гладко?

var center = ol.proj.transform([5.2, 52.443], 'EPSG:4326', 'EPSG:3857');

var map = new ol.Map({
        target: 'map',
        controls: ol.control.defaults({
            attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
                collapsible: true
            })
        }),
        layers: [
            new ol.layer.Tile({
                source: new ol.source.OSM({
                    url: 'http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
                })
            })

        ],
        view: new ol.View({
            center: center,
            zoom: 6
        })
    });

var url = url of transparent radarimage (http://......)
var imageBounds = [0.813 , 50.520 , 10.996, 54.295 ];

var imageLayer = new ol.layer.Image({
    opacity: opacity,
    source: new ol.source.ImageStatic({
        url: url,
        imageSize: [1315, 799],
        projection: map.getView().getProjection(),
        imageExtent: ol.extent.applyTransform(imageBounds, ol.proj.getTransform("EPSG:4326", "EPSG:3857"))
    })
});

map.addLayer(imageLayer); // to add imageLayer to the map.

map.removeLayer(imageLayer); // to remove imageLayer from the map.

РЕДАКТИРОВАТЬ 2: попытался, как предложено (thx!), Обновить источник с помощью:

s = new ol.source.Image({
    source: new ol.source.ImageStatic({
        url: url
    })
});

l=map.getLayers().getArray()[1]; // 1 = Radar layer

l.setSource(s);

Слои не обновляются.......