динамическое изменение размеров картинки -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [3.21.231.245]

Модераторы: ElcnU, ANDLL, fatalist

Новое голосование

динамическое изменение размеров картинки

shipbrother

Сообщ. #1 , 29.08.04, 05:40

Senior Member

Профиль · PM

Рейтинг (т): 17

Подскажите, как сделать так, чтобы размер картинки зависел от размера текста?
Поясняю... пользователь может выбрать размер текста в меню броузера: View->Text Size->Large(например) Мне надо, чтобы при смене высоты текста менялась высота картинки.
Высоту текста, я так поимаю, лучше всего взять как 1 ems, но как мне эту емс подставить в высоту картинки, если она измеряется только пикселями? Уверен, что все держится на CSS и методе onLoad тэга BODY, но как именно это реализовывается я не допер.
Помогите?

ako	Сообщ. #2 , 29.08.04, 09:11
Member Профиль · PM Рейтинг (т): 3	<img src="..." style="width:[сколько-то]em;height:[то же самое]">

diMMer	Сообщ. #3 , 29.08.04, 10:28
Junior Профиль · PM Рейтинг (т): 3	Размер шрифта задавай: style="font-size: X px" чтобы он не зависил от настройки в браузере.

shipbrother	Сообщ. #4 , 29.08.04, 10:34
Senior Member Профиль · PM Рейтинг (т): 17	я специально сделал так, чтобы размер шрифтов зависел от настроек броузера. дизайн у меня не груженый, позволяет пойти на такую жертву, тем более, что это более гуманно по отношению к пользователю

Mixxx

Сообщ. #5 , 29.08.04, 15:45

Profi

Профиль · PM

Поощрения: 13 Dgm

Рейтинг (т): 107

Цитата

ako, 29.08.04, 15:11
<img src="..." style="width:[сколько-то]em;height:[то же самое]em">

shipbrother

Цитата

Высоту текста, я так поимаю, лучше всего взять как 1 ems

Высота текста это и есть 1em. (По крайней мере в CSS)

Цитата

но как мне эту емс подставить в высоту картинки, если она измеряется только пикселями?

Учитывая, что пункты 3 и 4 можно автоматизировать (например при помощи серверных скриптов или спец проги), а пункты 1 и 2 проделываются всего один раз - Ничего трудного в этом алгоритме нет

Mixxx

Сообщ. #6 , 29.08.04, 16:29

Profi

Профиль · PM

Поощрения: 13 Dgm

Рейтинг (т): 107

Что бы в ручную не производить пункт 2
вот тебе скрипт который раскажет тебе сколько px в 1em у тебя в браузере
(у меня 16px)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

window.onload=function(){

var d=document.getElementsByTagName('div')[0];

d.innerHTML="<nobr>1em = <b>"+d.offsetWidth+"px<\/b></nobr>"

}

</SCRIPT>

shipbrother	Сообщ. #7 , 29.08.04, 17:00
Senior Member Профиль · PM Рейтинг (т): 17	здорово!

0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0470 ] [ 15 queries used ] [ Generated: 26.04.24, 21:35 GMT ]