[img,response] Выбор загрузки изображения от разрешения экрана

на скриптах, определять разрешение и подгружать нужное

чистый js или css даже

это все гуглиться.

для картинок в дизайне сайта - шукайте CSS3 Media Queries

А вот для тех что в контенте никак кроме js.

Я знаю что гуглится, только какой запрос. Я начал пока с запросов "картинки изменение размера сиски" - ну совсем не то выдает :(

задачу чуть более развернуто.

для чего и какие.

тогда и ответ можно точный дать как лучше сделать

Какой-то из вариантов должен подойти:

http://stackoverflow.com/questions/16787306/how-to-change-an-image-path-based-on-screen-width

http://stackoverflow.com/questions/22626995/jquery-change-folder-with-css-change

http://help.dimsemenov.com/discussions/suggestions/569-enable-different-image-url-based-on-window-size-adaptive-images

Мне надо дать качественное изображения под каждый шаблон, который зависит от размера экрана (ширины). Грузить на 480px картинку на 1920px не кошерное, вот ищу решения универсальное, чтобы не приходилось каждую картинку в background а затем в css.

Можно что то вроде такого:

if(document.body.clientWidth >= 768) { document.write ('<style type="text/css">body {background-image: url("../img1_768.jpg");}</style>'); };

Это как? что бы что то выполнилось, это что то должно быть где то описано!)

По простому - только в коде писать display:none; или заглушку выводить(чтобы не грузить картинки), а в js на onload вешать считывание разрешения и менять src и display

https://github.com/scottjehl/picturefill

гугли по запросу css media и всё станет на свои места. JS тут не нужен, на сколько я понял, вообще ))