 Как сделать размер фоновой картинки под размер расширения экрана, Как сделать размер фоновой картинки под размер расширения экрана |
На этом месте находится расчудесная шапка. Включите flash - не пожалеете!
Здравствуйте, гость ( Вход | Регистрация )
  |
| spogodin_4 |
 25.4.2008, 10:43
Сообщение
#1
|
|
Только зарегистрировавшийся Группа: Пользователи Сообщений: 3 Регистрация: 25.4.2008 Пользователь №: 13 827 Репутация:  0   |
Срочно нужна помощь. Сдеал фоном картинку. При расширении 1280*1024 смотрится хорошо. При уменьшении расширения, например 1024*780 ужасно увеличивается. Как сделать чтобы при разном расширении экрана, была полная картинка???
|
   |
 
|
| 3ABAPKA |
25.4.2008, 13:22
Сообщение
#2
|
 Поселенец  Группа: Пользователи Сообщений: 149 Регистрация: 13.2.2008 Пользователь №: 10 561 Репутация: 2 |
 Обычно фотоном картинки размером 1280*1024 никто не вставляет! |
|
|
|
| spogodin_4 |
26.4.2008, 8:04
Сообщение
#3
|
|
Только зарегистрировавшийся Группа: Пользователи Сообщений: 3 Регистрация: 25.4.2008 Пользователь №: 13 827 Репутация: 0 |
А как сделать? Вот здесь http://www.nelidovo.su//moto/1.html черно-белая картинка сделана фоном, размером 1280*1024. При расширении 1024*780 картинка уходит за экран. Если ее поставить меньшим размером, то при большом расширении она какбы размножается. Как сделать,чтобы при юбом расширении она оставалась такой как есть.
|
|
|
|
| liw |
27.4.2008, 10:45
Сообщение
#4
|
|
Житель Группа: Модераторы Сообщений: 283 Регистрация: 2.11.2007 Пользователь №: 6 760 Репутация: 20 |
Самый просто вариант, это сделать несколько картинок и в зависимости от разрешения, ставить нужную.
|
|
|
|
| 3ABAPKA |
28.4.2008, 6:00
Сообщение
#5
|
|
Поселенец Группа: Пользователи Сообщений: 149 Регистрация: 13.2.2008 Пользователь №: 10 561 Репутация: 2 |
На Том сайте такой скриптик есть ! Попробуй его!
Код <script language="JavaScript"> <!-- if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; }else{ width = height = 'x' } if (width == 1024) { location.href='1_2.html' } //--> </script> А еще там есть такое! Код <body background="images/kollazh.jpg" style="background-attachment: fixed"> |
|
|
|
| spogodin_4 |
28.4.2008, 16:00
Сообщение
#6
|
|
Только зарегистрировавшийся Группа: Пользователи Сообщений: 3 Регистрация: 25.4.2008 Пользователь №: 13 827 Репутация: 0 |
Ну это-то я сам и сделал, получается,что у меня две страницы, и в зависимости от расширения меня пеерводт на другую страницу, таким образом на сайте придется каждую страницу как минимум дублировать, а вот как сделать, чтобы только размер картинки менять, а не переходить на страничку
|
|
|
|
| iluha@iluha.ru |
29.4.2008, 20:26
Сообщение
#7
|
 JavaScript.medved.shatun Группа: Модераторы Сообщений: 637 Регистрация: 9.2.2007 Из: Москва Пользователь №: 2 893 Репутация: 42 |
надо определить размеры видимого поля броузера и потом либо сразу выстраивать вёрстку JSом либо после загрузки изменить под размер.
Определять размер видимого поля так: если доктайп обычный то document.body.clientWidth document.body.clientHeight если доктайп стрикт то document.documentElement.clientWidth document.documentElement.clientHeight придётся верстать слоями и, соответственно обращаться к бекграунду как к картинке по id: document.getElementById("id").style.width document.getElementById("id").style.height А для того, чтобы при растягивании/уменьшении окна изображение уменьшалось, надо будет описывать событие onResize, по которому опять же будет происходить измерение видимого поля и соответствующее изменение размеров изображения. -------------------- Ничего не скрою - бегаю трусцой(ю)!
ВНИМАНИЕ: Если вы решили сказать мне спасибо за помощь, добавив + к Репутации, то убедительная просьба - ставить этот + ТОЛЬКО после того, как проблема будет ПОЛНОСТЬЮ решена. |
|
|
|
|
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 25.7.2008, 22:16 |
|
|