Как сделать появляющийся и исчезающий слой с картинкой на JavaScript

Yehorich, 68 просмотров

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

Примечание:
Profactum на счет onload и jquery понятно, как создать временный слой над сайтом, чтоб он потом исчез и никому не мешал?

Примечание:
и чтоб этот слой был первым, не мелькнул сайт перед ним...

Примечание:
Vladimir Kochetkov на словах красиво, а на деле ... необходимо чтобы когда DIV с картинкой растворялся уже было видно загруженную страницу, и чтобы потом
position: absolute; z-index: 1000. не мешали работе других скриптов и кнопок с position: absolute; и z-index:
...
>В самом конце <body> размещаешь скрипт, который уберет этот DIV.
если не затруднит есть ссылка на пример такого скрипта который не перегружая страницу убрал бы другой скрипт ... %)

Примечание:
DeadOrc - скрывать (а лучше убрать совсем) затем чтобы DIV который поверх всех, хоть он и станет прозрачным но будет мешать работе кнопок и других скриптов, если я не прав, поправте меня плиз

Примечание:
DeadOrc - за скрипт отдельное спасибо! +1

Ответы:

Хотя... Для аванса - с днем рождения!

Ставишь событие onload, исполнение скрипта - в конце страницы. Для непосредственно анимации - используй библиотеки jquery или prototype

Vladimir Kochetkov

Да это ж элементарно
Смотри, если ты хочешь сделать, чтобы какая-то херь отображалась до загрузки сайта, то тебе надо:
выудить все загрузки скриптов и css из тега <head> в тег <body>. Перед ними ставишь DIV position: absolute; height: 100%; width: 100%; background: url("") no-repeat center center black; z-index: 1000. этот див будет отображаться до загрузки скриптов и css если ты его разместишь до них. Для того, чтобы его убрать тебе нужно либо просто его скрыть, либо скрыть "с эффектом". В самом конце <body> размещаешь скрипт, который уберет этот DIV.

Волшебной кнопки не существует. Но есть волшебные люди, которые волшебно поднимут сайт по определенным запросам. Не за бесплатно есесно. :)

Не совсем понял, а для чего его нужно убирать?
$("document").ready(function(){
$("#DivID").hide(); // Скрывает Ваш слой...
});

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.