I am trying to set opacity to my geoTiff controled by the user with a slider on the map. Tried taking slider id and setting opacity but it doesn't work.

<label>Opacidad PGA <input id="sliderRaster" class="opacity" type="range" /> </label>

Javascript

function example(){
.
.
.
$("#sliderRaster").slider({
        min: 0,
        max: 100,
        value: 100,
        slide: function(event, e) {
            tiffRaster.setOpacity(e.value / 100);
        },
        disabled: false
    });
    tiffRaster = new ol.layer.Image({
        title: 'PGA(gal)',
        // extent: [-180, -90, -180, 90],
        source: new ol.source.ImageWMS({
            url: 'http://fadasml.ncva13bn.pe:8080/geoserver/fadasml/wms',
            params: {
                'LAYERS': 'fadasml:' + f
            },
            ratio: 1,
            serverType: 'geoserver'
        })
    });
    

    map.addLayer(tiffRaster);
.
.
.
}