Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Заменить путь к картинке по маске (https://javascript.ru/forum/events/86059-zamenit-put-k-kartinke-po-maske.html)

flash12320 24.08.2024 17:06

Заменить путь к картинке по маске
 
Кто подскажет как реализовать:

На сайте отображены картинки по адресу:
<div class="card-image"><img src="https://site.ru/image/cache/aaa_1-600x800.jpg"></div>


Нужно как-то все фото заменить на размером побольше с другого url:
<div class="card-image"><img src="https://site.ru/image/aaa_1.jpg"></div>

рони 24.08.2024 22:00

Цитата:

Сообщение от flash12320
все фото заменить

это на сервере надо менять, но если хочется ...
<script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.card-image > img').forEach(img => img.src = img.src.split(/-600x800|cache\//).join(''));
        })
    </script>

flash12320 25.08.2024 08:58

Спасибо, Рони.
Сервер не мой, поэтому пытаюсь сделать через расширение Chrome. Пока не получается)

Ваш код не смог выполнить задачу... Вот сделал таким образом:

$('img').attr('src', function(i, src){
    return src.replace('/cache/', '/')
});
$('img').attr('src', function(i, src){
    return src.replace('-525x700.jpg', '.jpg')
});
console.log($("body").html());


Часовой пояс GMT +3, время: 12:20.