Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форум о web-дизайне, графике - RusForumz _ Web-программирование: JavaScript _ Как сделать размер фоновой картинки под размер расширения экрана

Автор: spogodin_4 25.4.2008, 10:43

Срочно нужна помощь. Сдеал фоном картинку. При расширении 1280*1024 смотрится хорошо. При уменьшении расширения, например 1024*780 ужасно увеличивается. Как сделать чтобы при разном расширении экрана, была полная картинка???

Автор: 3ABAPKA 25.4.2008, 13:22

secret.gif Обычно фотоном картинки размером 1280*1024 никто не вставляет!


Автор: spogodin_4 26.4.2008, 8:04

А как сделать? Вот здесь http://www.nelidovo.su//moto/1.html черно-белая картинка сделана фоном, размером 1280*1024. При расширении 1024*780 картинка уходит за экран. Если ее поставить меньшим размером, то при большом расширении она какбы размножается. Как сделать,чтобы при юбом расширении она оставалась такой как есть.

Автор: liw 27.4.2008, 10:45

Самый просто вариант, это сделать несколько картинок и в зависимости от разрешения, ставить нужную.

Автор: 3ABAPKA 28.4.2008, 6:00

На Том сайте такой скриптик есть ! Попробуй его!

Код
<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

Ну это-то я сам и сделал, получается,что у меня две страницы, и в зависимости от расширения меня пеерводт на другую страницу, таким образом на сайте придется каждую страницу как минимум дублировать, а вот как сделать, чтобы только размер картинки менять, а не переходить на страничку

Автор: iluha@iluha.ru 29.4.2008, 20:26

надо определить размеры видимого поля броузера и потом либо сразу выстраивать вёрстку 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, по которому опять же будет происходить измерение видимого поля и соответствующее изменение размеров изображения.

Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)