замена значения src изображения и повторного рендеринга страницы

Question

В зависимости от состояния (например, разрешения экрана), я хочу изменить значение изображения src для всех изображений на странице. Если возможно, как мне добиться этого с помощью jQuery?

Например:

Для разрешений выше 1000 (ширина), если мой образ ЦСИ читает src=img/image1.jpg, как изменить это для различного разрешения (скажем, менее 1000 ширина) в SRC = 'lower_img/image1. JPG»

(т.е. добавление префикса lower к image)

в основном, я поддерживаю две папки img и lower_img и изображения должны быть выведены из соответствующих папок на основании разрешения (имена изображений одинаковы в обеих папках)

примечание: мне не нужен сценарий обнаружения разрешения экрана, я ищу только для изображения Src замещения части

Спасибо заранее.

Answer 1

Это добавит текст «lower_» ко всем изображениям на странице. Вам просто нужно добавить это в свой код обнаружения размера браузера.

Таким образом, если браузер имеет менее 1000 пикселей ширины:

$('img').attr('src', function(index, source) { 
    return 'lower_' + source; 
});