Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Масштабирование рисунка + CSS, Масштабирование рисунка + CSS 
:(
    Опции темы
Artemon
Дата 28.7.2008, 18:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


а ты мне нравишься
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 24.2.2004
Где: Челябинск

Репутация: нет
Всего: 20



Например у меня есть код:

Код

<div>
<IMG style="WIDTH: 135px; HEIGHT: 154px" src="/images/productimages/swingbig21.jpg">
</div>



Но картинка по размеру отличается от 135x154 и отображается без пропорций.
Как мне в Div определенного размера впихнуть картинку, чтобы она встала в див, с соблюдением пропорций?

Корявое отображение можно увидеть на сайте: http://tor74.ru/  в правой стороне (хит продаж)


--------------------
Контроль топлива на топливозаправщиках, мониторинг автотранспорта, расчет зарплаты водителей www.rscat.ru
PM MAIL   Вверх
bars80080
Дата 28.7.2008, 19:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



чтоб отображалось пропорционально, надо задавать всего один размер
PM MAIL WWW   Вверх
Artemon
Дата 29.7.2008, 06:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


а ты мне нравишься
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 24.2.2004
Где: Челябинск

Репутация: нет
Всего: 20



В конце концов я так и сделал, но при таком подходе рисунок может  вылезти из заранее определенных границ.


--------------------
Контроль топлива на топливозаправщиках, мониторинг автотранспорта, расчет зарплаты водителей www.rscat.ru
PM MAIL   Вверх
bars80080
Дата 29.7.2008, 08:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



ну, нужно заранее предполагать различное развитие событий

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

но самый простой способ, однако, грешный определёнными проблемами - засунуть img внутрь div с фиксированными шириной и высотой, и overflow: hidden;
PM MAIL WWW   Вверх
SelenIT
Дата 30.7.2008, 03:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Как вариант, можно грузить картинку во флеш (напр., такsmile А самому флешу задавать scale="showall". Заодно и масштабироваться она должна аккуратнее, чем просто в браузере.

Только имхо все равно неправильно это. Лучше подгонять размеры картинок на сервере, тем же imageMagick'ом и т.п. средствами.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0535 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.