使用输入滑块更改图像的不透明度。JQuery

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<input type="range" id="opacitySlider" min="0" max="1" step="0.1" value="1">
<img id="image" src="path/to/image.jpg" alt="Image">

$(document).ready(function() {
  var slider = $('#opacitySlider');
  var image = $('#image');
  
  slider.on('input', function() {
    var opacity = slider.val();
    image.css('opacity', opacity);
  });
});