View Full Version : загрузка
я хочу сделать так, когда открывают страничку то появляется всплывающее окно где идет загрузка и картинка, ктонить может подскачать как это сделать? спасиб...
к примеру как сдеь http://mipp.ru
Vek вам нужно всплывающееся оконо, скажем с рекламой?
нет чтобы когда ктонить на сайт заходил было в центре "подождите идет загрузка" и картинка , вот так яж сайт дал как я хочу
Vek на той странице, на которую вы дали ссылку и всплывающее окно есть и загрузка. то что вы хотите называется preloader основанный на джавескрипте, примеры найти можно в яндексе, гугле.
тоесть как я понял пример скрипта, а куда его потом сувать?
Vek в includes/javascript.php, так же возможно в header.php или в theme.php вашей темы
<SCRIPT LANGUAGE = "JavaScript">
<!--
<!-- Script Version 1.0
<!-- Scripted by SpaceMan
var documentSize = parseInt(document.fileSize / 1024);
document.write('<DIV ID = loadLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: visibly">');
document.write('<BR><BR><BR><BR><BR><BR><BR>');
document.write('<TABLE CELLSPACING = "2" CELLPADDING = "2" BORDER = "0">');
document.write('<TR>');
document.write('<TD ROWSPAN = "3" HEIGTH = "250" WIDTH = "250"></TD>');
document.write('<TD VALIGN = "bottom" ALIGN = "right" HEIGTH = "250" WIDTH = "270">');
document.write('<B>Loading . . .<BR>');
for (var i = 0; i < 10; i++)
{
document.write('<IMG SRC = "white.jpg" HEIGTH = "10" WIDTH = "20" BORDER = "1"> ');
}
document.write('<B>Connection type: ' + oClientCaps.connectionType + '<BR>');
document.write('Document size: ' + documentSize + ' kb</B>')
document.write('</TD>');
document.write('<TD ROWSPAN = "3"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('<TD ROWSPAN = "2"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('</TR>');
document.write('</TABLE>');
document.write('</DIV>');
function progressBar(pecent)
{
document.images[pecent].src = "blue.jpg";
if (pecent == 9)
{
document.getElementById("loadLayer").style.visibility = "hidden";
}
}
//-->
</SCRIPT>
Как Вы видите скрипт создает сам индикатор и содержит функцию, которая выполняется в конце загрузки.
Индикатором служит полоска, которая состоит из десяти частей, каждая часть показывается после завершения
десяти процентов загрузки, здесь раздолье Вашей фантазии.
Под графическим коэффициентом загрузки находяться некоторые данные - это тип соединения и размер
загружаемого документа.
Ниже приведено тело HTML докумнта:
<HTML xmlns:IE>
<HEAD>
<TITLE>Индикатор загрузки страницы - JavaScript</TITLE>
<STYLE>
@media all
{
IE\:CLIENTCAPS {behavior:url(#default#clientCaps)}
}
</STYLE>
<IE:CLIENTCAPS ID="oClientCaps" />
<DIV id="oPre"></DIV>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write('<DIV ID = firstLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: hidden">');
<!-- Место для вставки текста страницы, разбитого на блоки загрузки
document.write('</DIV>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
progressBar(9);
document.getElementById("firstLayer").style.visibility = "visible";
</SCRIPT>
</BODY>
</HTML>
Вот нашел а как ставить???
соник, ну что куда пихать это надо?
Vek JavaScript помещайте в includes/javascript.php а div делайте в теме
как я понял надо вот так делать:
в фаил java... надо всавить вот это
<SCRIPT LANGUAGE = "JavaScript">
<!--
<!-- Script Version 1.0
<!-- Scripted by SpaceMan
var documentSize = parseInt(document.fileSize / 1024);
document.write('<DIV ID = loadLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: visibly">');
document.write('<BR><BR><BR><BR><BR><BR><BR>');
document.write('<TABLE CELLSPACING = "2" CELLPADDING = "2" BORDER = "0">');
document.write('<TR>');
document.write('<TD ROWSPAN = "3" HEIGTH = "250" WIDTH = "250"></TD>');
document.write('<TD VALIGN = "bottom" ALIGN = "right" HEIGTH = "250" WIDTH = "270">');
document.write('<B>Loading . . .<BR>');
for (var i = 0; i < 10; i++)
{
document.write('<IMG SRC = "white.jpg" HEIGTH = "10" WIDTH = "20" BORDER = "1"> ');
}
document.write('<B>Connection type: ' + oClientCaps.connectionType + '<BR>');
document.write('Document size: ' + documentSize + ' kb</B>')
document.write('</TD>');
document.write('<TD ROWSPAN = "3"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('<TD ROWSPAN = "2"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('</TR>');
document.write('</TABLE>');
document.write('</DIV>');
function progressBar(pecent)
{
document.images[pecent].src = "blue.jpg";
if (pecent == 9)
{
document.getElementById("loadLayer").style.visibility = "hidden";
}
}
//-->
</SCRIPT>
а вот это надо всавить в тему
<HTML xmlns:IE>
<HEAD>
<TITLE>Индикатор загрузки страницы - JavaScript</TITLE>
<STYLE>
@media all
{
IE\:CLIENTCAPS {behavior:url(#default#clientCaps)}
}
</STYLE>
<IE:CLIENTCAPS ID="oClientCaps" />
<DIV id="oPre"></DIV>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write('<DIV ID = firstLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: hidden">');
<!-- Место для вставки текста страницы, разбитого на блоки загрузки
document.write('</DIV>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
progressBar(9);
document.getElementById("firstLayer").style.visibility = "visible";
</SCRIPT>
только вопрос куда это всавлять (в теме)?
MyNuke.ru