Изменить источник изображения

HTML-код

<img class = "blog-picture ul-normal-classic" src = "https://example.pk/wp-content/uploads/2020/12/example300-300x203.jpg" alt = "Beintehaa300">

Что мне нужно:

<img class = "blog-picture ul-normal-classic" src = "https://example.pk/wp-content/uploads/2020/12/example300.jpg" alt = "Beintehaa300">

Я просто хочу удалить (-300x203) из src. Возможно ли это с помощью js, PHP или любого другого языка, на котором я хочу реализовать этот код в WordPress?

Вы должны вставить код PHP, который генерирует это. Внутри WordPress можно просто указать размер изображения, чтобы получить то, что вам нужно, но нам нужно увидеть фрагмент кода, который отвечает за этот вывод.

Diego 15.12.2020 09:20

Я сделал простой пост через wordpress, а затем дал ему категорию, после чего в elementor я назвал эту категорию. Таким образом, некоторые изображения были обрезаны по умолчанию, а некоторые в порядке.

MAKSTYLE119 15.12.2020 09:25

Пожалуйста, поделитесь более подробной информацией. Кроме того, пожалуйста, не используйте нерелевантные теги - этот вопрос, скорее всего, не относится ко всем отмеченным технологиям.

Nico Haase 15.12.2020 09:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
114
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

используйте preg replace, предполагая, что ваше изображение всегда имеет одну и ту же миниатюру, похоже, что текущее имеет ширину 300 пикселей и высоту на авто, которую вы можете использовать

$content = '<img class = "blog-picture ul-normal-classic" src = "https://example.pk/wp-content/uploads/2020/12/example300-300x203.jpg" alt = "Beintehaa300">';
$content = preg_replace('/-300x*[0-9][0-9][0-9]./', '.', $content);
echo $content;

если вы хотите, чтобы он работал с любыми размерами эскизов (и получал полный URL-адрес изображения), вы можете его мобифицировать, чтобы

$content = preg_replace('/-*[0-9][0-9][0-9]x*[0-9][0-9][0-9]./', '.', $content);
Ответ принят как подходящий
<script>
document.addEventListener("DOMContentLoaded", function(event) {
    var allImages = document.querySelectorAll('img');
    for (var i = 0; i < allImages.length; i++) {
        var imageSource = allImages[i].getAttribute('src');

        if (imageSource.includes('-300x203')) {
            var replacedSource = allImages[i].getAttribute('src').replace('-300x203', '');
            allImages[i].setAttribute('src', replacedSource);
        }
    }
});
</script>

Поместите этот скрипт на страницу

У меня более сотни изображений, поэтому, пожалуйста, предложите мне функцию, которая может удалить (-300x203) с изображений.

MAKSTYLE119 15.12.2020 13:54

хорошо, я отредактировал ответ, как вы просили.

Fahad Razi 15.12.2020 14:22

Что ж, ваша работа великолепна, но она работает локально, а не на сервере.

MAKSTYLE119 17.12.2020 06:44

это связано с тем, что WordPress требует времени для загрузки на сервер по сравнению с локальным, вы можете использовать функцию «setTimeout» и добавить задержку на 2 секунды. Или вы нашли какую-то другую ошибку на консоли?? Если можно, поделитесь ссылкой на свой сайт.

Fahad Razi 18.12.2020 07:07

Другие вопросы по теме