Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать фон полноэкранным? Растянуть картинку на заднем фоне 
:(
    Опции темы
XClan
Дата 21.11.2005, 16:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 434
Регистрация: 14.10.2003
Где: Планета Сириус

Репутация: нет
Всего: 3



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



--------------------
rm -rf /bin/laden
PM MAIL WWW   Вверх
Sardar
Дата 21.11.2005, 19:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



JS не умеет ничего рисовать и "не может" управлять фоновой картинкой элемента на прямую, из JS можно изменять состояние обьекта, его стили и т.д. Глянем в CSS 2, видим что никакого background-image-size свойства не существует, следовательно задать размеры фоновой картинки нельзя. Вывод: пока задача не решаема, и к счастью, нечего извращаться над страницей smile

Если на заднем фоне не просто картинка, а тайл (картинка, что можно скопировать друг за другом без швов), то можно задать background-repeat стиль, что бы картинка копировалась.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Ciber SLasH
Дата 22.11.2005, 08:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67



Вот попробуй:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<meta name="Generator" content='EditPlus 2.12'>
<meta name="Author" content='Ciber SLasH'>
<title>JavaScript :: Резиновый background</title>
<script type='text/javascript'>
function doBK() {
var obj = document.getElementById('bkg');

    if (self.innerHeight) {
        obj.width = self.innerWidth;
        obj.height = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight) {
        obj.width = document.documentElement.clientWidth;
        obj.height = document.documentElement.clientHeight;
    }
    else if (document.body) {
        obj.width = document.body.clientWidth;
        obj.height = document.body.clientHeight;
    }
    obj.style.display = '';
}
</script>
<style type='text/css'>
html, body {margin: 0; padding: 0}
#bkg {z-index: 0; position: absolute}
.content {z-index: 1; position: relative; color: red}
</style>
</head>

<body onLoad='doBK()' onResize='doBK()'>
<img id='bkg' src='file://e:/Temp/logo.gif' style='display: none'>
<div class='content'>11111111111111111111111111111111111111111111111111111111111</div>
</body>
</html>

PM   Вверх
Sardar
Дата 23.11.2005, 00:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Картинку положить внутрь div'а, координаты выставить в 0, тогда подгонять позиции не нужно, div должен оставаться на релативной позиции. Размеры подгонять под parentNode.offset(Width|Height), т.е. под требуемый элемент, что хотя если для всей страницы, то метод Ciber SLasH "зальёт" и отступы у краёв страницы, что правильней.

В остальном чистой воды изврат, достойный плюса в репу smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0444 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.