0

Задача такая. При загрузке страниц на старых устройствах, которые не поддерживают расширение картинок .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>
5
  • пример содержимого Model.Text приложите в вопрос
    – Konst
    12 окт 2021 в 10:42
  • Приложил пример в вопрос. 12 окт 2021 в 12:24
  • можете просто replace сделать .webp на .png
    – Konst
    12 окт 2021 в 13:15
  • А как именно его сделать? Я приложил скрипт, который пытаюсь применить, но он не работает. Что-то упускаю. 12 окт 2021 в 13:17
  • менять надо тут @Html.Raw(Model.Text) кодом на c#: в начале странички: @{string sText = Model.Text; sText = sText.Replace(".webp", ".png")} , а подставлять уже так: @Html.Raw(sText)
    – Konst
    12 окт 2021 в 13:20

1 ответ 1

0

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

<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>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.