Помогите с настройкой рисунка - HTML и CSS

GrEFon · 24.11.2007, 02:07

Помогите, пожалуйста, с настройкой рисунка: мне нужно, чтобы рисунок был в центре страницы, пропорционально масштабировался (для разных разрешений мониторов), и когда окно сжимают, он уменьшался до своих реальных размеров, и появлялась полоса прокрутки. Скиньте код пожалуйста!

SkyM@n · 30.11.2007, 01:31

Код HTML:

<div align="center"><img src="image.png" alt="" /></div>

Поиск, кстати работает отлично.

GrEFon · 07.12.2007, 05:54

Цитата:

Сообщение от SkyM@n

Код HTML:

<div align="center"><img src="image.png" alt="" /></div>

Поиск, кстати работает отлично.

SkyM@n я ведь немного о другом спрашивал. Я задаю рисунку параметры длину и ширину по 100 процентов. Он маштабируется. Все ок. Но только мне необходимо, чтобы он маштабировался прапорционально (например 3:4). Что еще нужно для этого дописать в код?

SkyM@n · 09.12.2007, 01:22

Средствами ХТМЛ/ЦСС - имхо никак. Используйте джаваскрипт

theos · 13.12.2007, 18:52

Код:

<html>
<script language="javascript">
var px, py, object, p;

window.onresize = resize;

function store_size(o)
{
	px = o.width;
	py = o.height;
	p = px / py;
	object = o;
}

function resize()
{
	var nx, ny, app;
	app=window.navigator.appName.substring(0,8);

	if(app == "Microsof")
	{
		nx=document.body.clientWidth;
		ny=document.body.clientHeight;
	}
	if(app == "Netscape")
	{
		nx=window.innerWidth;
		ny=window.innerHeight;
	}

	n = nx / ny;
	if(n > p)
	{
		nx = ny * p;	
	} else {
		ny = nx / p;
	}
	if(nx < px)
	{
		nx = px;
		ny = py;
	}
	object.width = nx;
	object.height = ny;
	window.onresize = resize;
}

</script>
<div align=center valign=center width="100%" height="100%" id=w><img onLoad="store_size(this)" src="картинка.jpg" alt=""></div>
</html>

24.11.2007, 02:07	#1
GrEFon Регистрация: 24.11.2007 Сообщений: 7	Помогите с настройкой рисунка Помогите, пожалуйста, с настройкой рисунка: мне нужно, чтобы рисунок был в центре страницы, пропорционально масштабировался (для разных разрешений мониторов), и когда окно сжимают, он уменьшался до своих реальных размеров, и появлялась полоса прокрутки. Скиньте код пожалуйста!

30.11.2007, 01:31	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Код HTML: <div align="center"><img src="image.png" alt="" /></div> Поиск, кстати работает отлично.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Корректное масштабирование рисунка	devi409	Мультимедиа в Delphi	16	12.06.2012 21:54
WinApp на C++, замазывание рисунка	mat90x	Помощь студентам	1	18.06.2008 21:48
Помогите с настройкой FTP?	Briz	Помощь студентам	2	11.12.2007 14:14
Разгупировка рисунка	asale	Microsoft Office Excel	1	23.10.2007 22:30

09.12.2007, 01:22	#4
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Средствами ХТМЛ/ЦСС - имхо никак. Используйте джаваскрипт