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

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>

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

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

• Как добавить элемент в динамический массив?
• История появления и развития интернета
• Управление windows с помощью delphi
• Получить хеш-сумму md5
• Двузначное число делится на 9
• Иконка для папки
• При нажатии enter добавить значение из edit в listbox
• Удалить пустые строки из TStringList
• Выбор файлового менеджера
• Рассылка. Выпуск 248