Затемнение заднего фона и центровкой картинки

Posted by Chas under HTML, JavaScript

Стоит задача объяснить юзеру, грузящему страницу, что жизнь после нажатия баттона продолжается и надо лишь подождать. Делается это посредством затемнения страницы и вывода по центру картинки с анимацией загрузки (в общем, ничего сверхъестественного). Сама проблема кроется в отцентровке этой самой картинки ровно по середине экрана браузера. Я уже просто замаялся, она отчего-то съезжает чуток вправо и вниз.

KPEATuBHO
центрировать JS-функцией вызыванной сразу же после того как <div id="warning"> становится display:block; Вот накидал небольшой пример того как можно отцентрировать JS’ом:

function centralizer(obj_id){

	document.getElementById(obj_id).style['left']=(document.documentElement.clientWidth-

document.getElementById(obj_id).clientWidth)/2+"px";

	document.getElementById(obj_id).style['top']=(document.documentElement.clientHeight-

document.getElementById(obj_id).clientHeight)/2+"px";

	window.addEventListener("resize",function(){

		document.getElementById(obj_id).style['left']=(document.documentElement.clientWidth-

document.getElementById(obj_id).clientWidth)/2+"px";

		document.getElementById(obj_id).style['top']=(document.documentElement.clientHeight-

document.getElementById(obj_id).clientHeight)/2+"px";

	},false);

}

как я и сказал функцию centralizer вызывать надо только после того как объект который надо централизовать — отображен. в качестве параметра функция принимает id центрируемого объекта, т.е. в вашем случае будет так:

<script>

setOpacity();

centralizer("warning");

</script>

тема на форуме

Случайные статьи

• Fortress 2 – бета-тестирование
• Алгоритм получения/хранение настроек программы на сервере
• Подсветка поля по условию
• Что значит ошибка «for loop control variable must be simple local variable»
• Ошибка в потоке
• Как сделать что бы в определеное время выполнялось определеное действие?
• Рассылка. Выпуск 101
• Очистить все edit’ы на форме
• Перенос определенных строк на другой лист
• Создание формы приветствия