ТвойWeb :: Версия для печати :: Чтобы шапка сайта менялась в зависимости от разрешения

1. kati - 27 Февраля, 2005 - 10:55:55 - перейти к сообщению

У меня стоит такой скрипт

CODE:

когда заходишь с разрешением 800х600 и 1024х768 все нормально, выводтся первая или вторая картинка, а вот если зайти с 1280х1024 то картинка уже маловата...
попыталась дописать так

CODE:

if (screen.width=800) {
x.src='/themes/fiblack3dblue/images/cellpic_bkg2.jpg';
if (screen.width=1024) {
x.src='/themes/fiblack3dblue/images/cellpic_bkg.jpg';
if (screen.width=1280) {
x.src='/themes/fiblack3dblue/images/cellpic_bkg1.jpg';

не катит. подскажите, плз, как сделать?\n\n(Добавление)
сайт этот www.otklonenie.ru

2. Владимир - 27 Февраля, 2005 - 11:45:40 - перейти к сообщению

Вы просто маньяки скриптов... А просто поставить ширину рисунка 100% нельзя?
Справа -фотка, слева надпись, а посередине маааленький рисунок который будет растягиваться в зависимости от разрешения и заполнять все оставшееся место.
Я бы делал так.

3. Ray Wen - 27 Февраля, 2005 - 11:56:41 - перейти к сообщению

kati
Присоединюсь к избиению младенцев... Радость

Ладно, помогу советом... У твоего рисунка как раз есть место посередине, которое вполне можно сделать растяжкой и все будет красиво на любом разрешении.

4. kati - 27 Февраля, 2005 - 12:14:01 - перейти к сообщению

а у меня для 1024х768 размер шапки 941 на 163, а для 800х600 - 724 на 140... т.е. надо чтобы по высоте тоже менялся... по-моему проще все же пару строк в скрипт вставить Однако

хотя может я как "младенец" ошибаюсь Закатив глазки

5. Ray Wen - 27 Февраля, 2005 - 12:27:20 - перейти к сообщению

kati
Правильно... ошибаешся... Зачем тебе еще и по высоте? Пускай по ширине тот узкий рисунок заполняет пространство и все... Это не вчера придумали и уже не известно сколько лет используют... Зделай все на основании того рисунка что расчитан на разрешение 8-сот, а для всех остальных разрешений будет просто растягиваться... Это не только проще, но и удобнее для пользователей... я например далеко не всегда пользуюсь полным окном... у меня в Опере панель с боку есть... а с ней получаеться окошко как раз под 800х600... Если правильно поняла и сделаеш, то твой сайт будет смотреться хорошо при любом разрешении и при любом размере окна... это универсалнее чем java-код.

Мда... только что понял как ты поняла и почему не правильно... Вообщем смотри пример... http://invisclan.fatal.ru/exbb/

6. SviMik - 27 Февраля, 2005 - 12:29:13 - перейти к сообщению

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

7. Владимир - 27 Февраля, 2005 - 13:37:18 - перейти к сообщению

kati

Цитата:

надо чтобы по высоте тоже менялся...

Кому надо?
Резиновые рисунки не я придумал... Есть проблемы и разные методы их решения. Ты делаешь из мухи слона.
Я зашел в 1024х768 с левой панелькой. Получил полосу прокрутки. Почему я должен её(панельку) убирать? Или ты допишешь скрипт который будет определять есть ли у гостя левая панель в браузере? Ладно. Я мнение высказал, а дальше как хочешь...

8. Ray Wen - 27 Февраля, 2005 - 14:49:55 - перейти к сообщению

kati
Обрати внимание на то что в дизайне форума, с которого вы сдирали, все правильно сделано... как это и следует. Зачем тогда что-то новое придумывать то?

9. TvoyWeb - 27 Февраля, 2005 - 15:27:11 - перейти к сообщению

kati
А не работает потому что

CODE:

if (screen.width=800) {

Здесь нужен двойной знак равенства

CODE:

if (screen.width==800) {

10. kati - 27 Февраля, 2005 - 16:19:39 - перейти к сообщению

SviMik пишет:

что и куда ты дописала

дописала то, что во втором коде указано, и поставила в первый скрипт, где начинается if...

Ray Wen пишет:

Обрати внимание на то что в дизайне форума, с которого вы сдирали, все правильно сделано... это и следует. Зачем тогда что-то новое придумывать то?

да я понимаю, что на форуме с которого я сдирала все правильно Улыбка

просто если вставлять в середину растяжку, то надо исходить из меньшей картинки для 800 на 600, размер которой 724х140, и дальше уже при увеличении разрешеня она будет растягиваться.
но высота останется 140, а например для разрешения 1280х1240 это будет уже слишком маленькая шапка... собственно поэтому я и думала, что скрипт лучше...

TvoyWeb пишет:

Здесь нужен двойной знак равенства

понятно, спасибо Улыбка

вобщем, подумаю как лучше сделать, спасибо за советы