размер изображения от разрешения экрана

[Ivanov]

размер изображения от разрешения экрана

Появилась задача - нужно в зависимости от разрешения экрана выводить миниатюры изображений с различными размерами.

Вывод изображений осуществляется в зависимости от выбранного альбома, url-ы на изображения формируются следующим образом http://мойсайт/album/00_mini.jpg, где 00 номер строки в БД с описанием фото

Использую на сайте xajax

Есть такие варианты

1. Иметь одну миниатюру и изменять ее размер от разрешения экрана
2. Под возможные разрешения делать свои миниатюры

Вопросы по решениям

1. Используя событие Onload(), вызвать функцию на xajax, в качестве параметров которой передать информацию о разрешении, в функции изменить размеры изображения по нужные используя $objResponse->assign( ID, "value", ШИРИНА );
Здесь вопрос: как передать функции ID нужных изображений, на каждой странице они различны?

2. В функции на php, которая выбирает нужные изображения формировать URL на изображение от разрешения экрана, к примеру http://мойсайт/album/00_mini_1024.jpg
Здесь вопрос: как в функцию на php передать информацию о разрешении экрана?
Читал про варианты, когда определяют разрешение экрана, затем формируют URL в котором методом GET передают инф. о разрешении, перенаправляют редиректом, что не совсем хотелось бы использовать

 

[Фанат]

не понял. для того, чтобы написать в браузере слово /album/00_mini_1024.jpg тебе понадобился пхп? ты хорошо подумал?

 

[Ivanov]

Не то, у меня написан плагин для Smarty, который возвращает массив данных об изображениях миниатюрах, каждая характеризуется свойствами url, расширение, описание и т.д. Вот в этом плагине (функции на php) и формируется url изображения http://мойсайт/album/00_mini.jpg.

Затем используя возможности Smarty я вывожу полученные данные, подставляя в тэге <img src="URL_изображения_сгенерированный_в_плагине_smarty">

 

[dimagolov]

Появилась задача - нужно в зависимости от разрешения экрана выводить миниатюры изображений с различными размерами.

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

 

[Ivanov]

понимаю, но у меня задача именно изменять размер миниатюры

 

[Фанат]

не надо бредить и делать на пхп то, что делается яваскриптом.
будет очень неплохо, если ты перестанешь тупить и начнешь немного думать

 

[dimagolov]

понимаю, но у меня задача именно изменять размер миниатюры

с этим достаточно успешно справляется и браузер, когда задается стиль тегу img

кроме того, вопрос не в разрешении экрана, а в размере окна браузера, в которое можно отобразить страницу и оно может меняться постоянно, кстати.

 

[Ivanov]

по размеру окна - это справедливое замечание, но учитываем именно разрешение экрана, т.к. практически все используют браузер открытый во весь экран.

по стилю img, если можно пример с учетом разрешения

по тупить - я прошу совета в решении задачи, свою ситуацию я описал

я понимаю, что на яве надо делать, но как? не прошу готового решения - подскажите верное направление

 

[findnext]

делай уж сразу на си, зачем на яве

 

[Loshadka]

Ivanov
JavaScript + css или Flash - в помощь.

 

[dimagolov]

Ivanov, во-первых усвой вот это

во-вторых направление:

var oImg= document.getElementById('myImg');
oImg.style.width= 320 + 'px';
oImg.style.height= 200 + 'px';

 

[Ivanov]

нашел решение
на JavaScript устанавливаю куку со значением screen.width, после чего работаю с ее значением через $_COOKIE.

dimagolov
про яву не так выразился

getElementById - такой вариант рассматривал, но всегда id миниатюр будут разные, конечно можно написать функцию на JavaScript которая будет рассчитывать нужные шир. и выс. миниатюры (я рассматривал такой вариант), но как передать ей именно нужные id миниатюр? повесить функцию можно на обработчик onload()

 

[dimagolov]

но как передать ей именно нужные id миниатюр

да хоть можно делать getElementsByTagName и перебирать полученный массив картинок, если на странице не только миниатюры, то надо будет фильтровать по чем-нибудь, по тому же id к примеру, которое делать для них с префиксом определенным.

 

[Lightning]

с этим достаточно успешно справляется и браузер, когда задается стиль тегу img

Аха... Вот одна из причин, по которой я и против визивигов, в которых юзер может задавать style, width, height и т.д. Позаливают такие говно-админы фоток 2560x1920 и попоставят размеры 100х100, а потом удивляются, почему так долго грузиться )))))

По теме: такое нужно (если оно вообще нужно) делать на JS. Определяешь разрешение - грузишь соответствующие картинки.

 

[Фанат]

я думаю, тему можно закрывать. что ему говорят, он все равно не понимает