Как масштабировать картинку, если она в бекграунде?

[DVK]

Имею вот такую картинку.
http://den.msnsport.ru/for_forum/baiconur.jpg

Например, она в разрешении 1024-768.
Допустим на базе этой картинки надо построить сайт. Она должна быть в качестве фона, но быть на весь экран при любом разрешении! Как это проще сделать?

Я чего-то пока ума не приложу! помогайте!

В идеале надо зашарашить вот таку хрень
http://den.msnsport.ru/for_forum/baiconur1.jpg
Но как сделать, чтобы земля постоянно была в 100% масштабе по горизонтали по отношению к экрану?

[Muerto]

На флэше. Больше у меня идей нет. Кстати, на форуме уже всплывал подобный вопрос.

[DVK]

Что серьезно? не расстраивайте меня! неужели в 21 веке ничего не придумали на html?

[DVK]

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

[Muerto]

Ну, можешь измерять скриптом размеры окна, а бэкграунд поставить типа ...src='bcgr.php?x='икс от скрипта' и в ентом файле ресайзь картинку под нужное разрешение. Есно дело не шустрое, но работать думаю должно.

[DVK]

Спасибо за помощь

[Muerto]

2DVK: Да какая это к черту помощь?! Я так - мысли в слух высказывал. РНР-файл, если хочешь могу написать, но поверь - скорость ресайза плюс загрузки будет такая, что даже локально будет смотрется странновато...

[Padonak]

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

[DVK]

А можно ли пользоваться процентами в атрибутах тега img src?

img src=1.jpg width=100% height=20%

Ведь таблицу можно вставлять в процентах от экрана, почему нельзя так же картинку?


Такое прокатит?

[DVK]

Проверил, работает, этло тоже как вариант!!!
То есть можно нижнюю землю просто вставлять в конец страницы и присваивать атрибут ширина=100%

[DVK]

Я справился с проблемой безо всяких скриптов, определяющих разрешение! Все гениальное просто!

http://den.msnsport.ru/projects/baiconur/

[Jedi]

афигеть

[DVK]

Что?

[Jedi]

не знал что размер картинки можно устаналивать в процентах

[Muerto]

А во всех-ли броузерах работает?

[DVK]

Самый прикол в том, что у картинки можно ставить параметры ширина и высота в разных форматах!

например height=200 (пикселей) а width=100%

Мужики, у меня только IE. Можете посмотреть в остальных броузерах все ли масштабируется? желательно тем, у кого разрешение выше 1024-768. на 800-60 я уже забил, я думаю такого уже нигде на откопаешь.

http://den.msnsport.ru/projects/baiconur/

Спасибо за участие

[Muerto]

То, что картинку можно растянуть на сто процентов я давно знал. Я думал тебе именно бэкграунд надо так растянуть. Вот этот вопрос я пока нормальным методом решить не могу.
Ты, в следующий раз правильней вопрос формулируй!

[DVK]

Хорошо! наверно мне было проще задать вопрос в лоб - как перевести такой макет (см первый пост), чтобы он был полноэкранный!

Ну в общем проблема решена без всяких ухищрений. перевел обе страницы. все масштабируется на ура и полный экран!

Главная
http://den.msnsport.ru/projects/baiconur/

Контентовая
http://den.msnsport.ru/projects/baiconur/content.shtml

[Berezkin]

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

[DVK]

какое разрешение?
На 1024 будет и так полный экран, а на 1280 будет резина

[Jedi]

у меня 1280 - резина ))

[DVK]

[Berezkin]

2DVK: разрешение, 800 на 600 тестил... или типа владельцы пятнашек в сад?

[DVK]

в сад, это раритет ;))))))

И как кстати на 800-600? наверно УЖОСНАХ?

[Jedi]

у меня до недавнего времени была пятнашка, но я на ней ставил 1024-768

[Velkopopovecky Kozel]

Да иди вы, у меня пятнашка!

[Jedi]

2Velkopopovecky Kozel: ну так поставь расшерение не 800*600 а 1024 и всё ок будет. Или у тебя зрение плохое?

[Velkopopovecky Kozel]

У меня оно и так стоит, совсем за козела держите?

[Zeke]

Имею вот такую картинку.
http://den.msnsport.ru/for_forum/baiconur.jpg

Например, она в разрешении 1024-768.
Допустим на базе этой картинки надо построить сайт. Она должна быть в качестве фона, но быть на весь экран при любом разрешении! Как это проще сделать?

Я чего-то пока ума не приложу! помогайте!

В идеале надо зашарашить вот таку хрень
http://den.msnsport.ru/for_forum/baiconur1.jpg
Но как сделать, чтобы земля постоянно была в 100% масштабе по горизонтали по отношению к экрану?

почитал я значит темку но так и не нашёл ответа на главный вопрос...
Точнее тут был ответ как маштабировать картинку не бэк граунд

вообщем то у меня таже проблема обсалютно....
вот как я вижу решение такой ситуации, только напишу русским языком а вы кто нить переведите в язык скрипта явы....
Прдусловие, картинка каторая будет располагаться на бэкграунде должна быть в трёх экземплярах..... тоесть 800х600 1024х768 1280х800 ну и так далее
и потом схема такая
1. Определение размеров экрана пользователя
2. Загрузка именно того бэк граунда какие рамзеры экрана...
как сделать???

[Muerto]

2Zeke: Ну можно что-нибудь типа такого:

Код: Выделить всё

<html>
<head>
<script>
function doSize() {
if (document.body.clientWidth>800) {
if (document.body.clientWidth>1020) return "images/big.jpg";
return "images/middle.png";
}
else return "images/small.jpg";
}      
</script>
</head>
<body onResize="document.body.background=doSize();"  onLoad="document.body.background=doSize();">
</body>

[Zeke]

2Zeke: Ну можно что-нибудь типа такого:

Код: Выделить всё

<html>
<head>
<script>
function doSize() {
if (document.body.clientWidth>800) {
if (document.body.clientWidth>1020) return "images/big.jpg";
return "images/middle.png";
}
else return "images/small.jpg";
}      
</script>
</head>
<body onResize="document.body.background=doSize();"  onLoad="document.body.background=doSize();">
</body>

Вот спасибо добрый человек именно так это и должно быть супер, просто не знал как загрузить картинку.....
Ещё раз спасибки

[Muerto]

2Zeke: Не за что!
P.S. Я машин боюсь.

[Zeke]

2Zeke: Не за что!
P.S. Я машин боюсь.

ну и зря у нас весело и как раз ищем реального админа форума кто нам бы помог.....

[Zeke]

а реально маштабировать картинку для бэкграунда можно при помощи скрипта или нет???

[Muerto]

http://www.muerto.ru/customers/baget/
Инструкция:
1) Закачай какую-нибудь картинку.
2) Измени размеры ("Если хотите, можете изменить размеры рисунка." - проставь там размеры, допусти по 1 санитиметру, а потом по 99)
3) Посмотри как изменяется ширина багетной рамки - а она там забита в бэкграунд таблицы.

[Дядя Фёдор]

http://www.cssplay.co.uk/layouts/background.html