Изменить расширениекартинок при загрузке страницы. ASP.NET Core

Question

Задача такая. При загрузке страниц на старых устройствах, которые не поддерживают расширение картинок .webp, нужно поменять его на .png. Как распознать учтройство, теоретически понятно. А как поменять расширение картинок? Часть кода Html, в котором есть ссылка на картинки, поднружается с помощью @Html.Raw(Model.Text). Смотрел в сторону JQuery, но не пойсу, как реализовать логику. Помогите, пожалуйста.

<div>
    <!--...some Html...-->
    <div class="col-lg-4 d-none d-lg-block about-img-block">
        <img src="/Images/Design/design1.webp" />
        <img src="/Images/Design/design2.webp" />
    </div>
</div>

Answer 1

Получилось, так работает:

<script>
    $('img').each(function () {
        if ($(this).attr('src').includes(".webp")) {
            let src = $(this).attr('src');
            src = src.replace(".webp", ".png");
            $(this).attr('src', src);
        }
    }); 
</script>

БЛОГ НА HUSL

Изменить расширениекартинок при загрузке страницы. ASP.NET Core

Ответы (1 шт):