Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   бэкграунд (http://www.flasher.ru/forum/showthread.php?t=60551)

BlooDHounD 12.07.2004 22:00

бэкграунд
 
надо на JaveScript сделать, что бы картинки сперва зарузилась целиком, а потом плавно появилась.
Как сделать, что бы они в буфур попали, а потом, когда я функцию запущу, они появились.

Обьясняю:
<TABLE>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TABLE>

у разных ячеяк разный бэкграунд! и когда все загрузятся, я запускаю функцию!

Илья К 12.07.2004 23:32

Дать картинкам визибилити=хидден, а к БОДИ привесить на онЛоад скрипт, который изменяет визибилити на визибл.
В общем, примерно так:

Код:

<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function imagesVivible()
{
        for(i=0; i<document.images.length; i++)
        {
                document.images[i].style.visibility="visible";
        }
}
</script>
</head>

<body onload="imagesVivible()">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPBELL.GIF" width="43" height="39" border="0" alt="" style="visibility: hidden;">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPCD.GIF" width="43" height="38" border="0" alt="" style="visibility: hidden;">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPGLOBE.GIF" width="43" height="40" border="0" alt="" style="visibility: hidden;">
</body>
</html>


BlooDHounD 13.07.2004 00:23

background!

<TABLE>
<TR>
<TD style="background: #DEB887 url(IMG.gif);"></TD>
</TR>
</TABLE>

Илья К 13.07.2004 01:18

Я тут пока что усовершенствовал код...
Код:

<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function imageOpacity(thisImage)
{
        document.images[thisImage].filters.alpha.opacity = document.images[thisImage].filters.alpha.opacity + 1;
}
function imageOpacityGo()
{
        for(i=0; i<document.images.length; i++)
        {
                var myInterval = setInterval("imageOpacity("+i+")", 50);
        }
}
</script>
</head>
<body onload="imageOpacityGo()">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPBELL.GIF" width="43" height="39" border="0" alt="" style="filter: alpha(opacity=50)">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPCD.GIF" width="43" height="38" border="0" alt="" style="filter: alpha(opacity=50)">
<img src="C:\WINDOWS\Рабочий стол\ROLLOVER\HLPGLOBE.GIF" width="43" height="40" border="0" alt="" style="filter: alpha(opacity=50)">
</body>
</html>

Надо чтоб бг появлялись? Тут по крайней мере два варианта:
1.Не задавать backgroundimage и изменить это при загрузке (аналогично тому, как это было сделано с видимостью картинок в первом коде). Минус: появляться картинки/бэкграунды будут не постепенно...
2.Проделать все то, что описано во втором коде, только не с картинками, а ячейками. Минус: менять свою непрозрачность будут не только бг, но и ячейки в целом (хотя в этом что-то есть!:)).
3.Взять все содержимое страницы и поместить в див --> проделать это еще раз --> одинаково спозиционировать эти два дива и поместить точно один над другим --> бэкграунды ячеек в верхнем диве не задавать, а опасити нижнего приравнять к нулю --> проделать с нижним дивом то, что описано во втором коде. Минус: геморрой и извращение, до которого мог додуматься только Ваш покорный слуга.:)

Удачи!:)

BlooDHounD 13.07.2004 03:44

Причём тут дивы?
объясняю:
1. надо именно бэкграунд!
2. надо сперва загрузить.
3. надо появить по моей каманде! точнее точно когда загрузяться именно все они (а не остальное)!

Вопросы:
1. как сперва загрузить?
2. как узнать, что загрузились?

Илья К 13.07.2004 06:10

Цитата:

Оригинал написал(а) BlooDHounD
Причём тут дивы?
объясняю:
1. надо именно бэкграунд!
2. надо сперва загрузить.
3. надо появить по моей каманде! точнее точно когда загрузяться именно все они (а не остальное)!

1."Именно бэкграунд" -- низя, то есть можно, только не плавно, а сразу. Про обходные пути я уже писал.
2. и 3. Если что-лиюо вешается на событие onLoad тэга <BODY> (<BODY onLoad="тыры-пыры">), то это и произойдет, когда всё (совсем-совсем всё!!!) загрузится!
Цитата:


Вопросы:
1. как сперва загрузить?
2. как узнать, что загрузились?

1.См. выше.
2.Очень просто: <BODY onLoad="alert("Всё загрузилось!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!")">

ЗЫ Перед тем, как писать следующее сообщение, дайте себе, пожалуйста, труд ознакомиться с предыдущими. Спасибо.

Илья К 13.07.2004 06:14

1."Именно бэкграунд" -- низя, то есть можно, только не плавно, а сразу. Про обходные пути я уже писал.
2. и 3. Если что-лиюо вешается на событие onLoad тэга <BODY> (<BODY onLoad="тыры-пыры">), то это и произойдет, когда всё (совсем-совсем всё!!!) загрузится!

1.См. выше.
2.Очень просто: <BODY onLoad="alert("Всё загрузилось!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!")">

ЗЫ Перед тем, как писать следующее сообщение, дайте себе, пожалуйста, труд ознакомиться с предыдущими. Спасибо.

BlooDHounD 13.07.2004 06:54

ЗЫ Перед тем, как писать следующее сообщение, дайте себе, пожалуйста, труд !внимательно! ознакомиться с этим. Спасибо.

Сообщение:
Цитата:

3. надо появить по моей каманде! точнее точно когда загрузяться именно все они (а не остальное)!
Понимаешь не совсем-совсем всё!!! а только они - бэкграунды!

спасибо за помощь.
наверно моя задумка не пройдёт.

BlooDHounD 13.07.2004 06:58

ЗЫ Перед тем, как писать следующее сообщение, дайте себе, пожалуйста, труд !внимательно! ознакомиться с этим. Спасибо.

Сообщение:
Цитата:

у разных ячеяк разный бэкграунд! и когда все загрузятся, я запускаю функцию!
Цитата:

3. надо появить по моей каманде! точнее точно когда загрузяться именно все они (а не остальное)!
Понимаешь не совсем-совсем всё!!! а только они - бэкграунды!

спасибо за помощь.
наверно моя задумка не пройдёт.

Илья К 13.07.2004 14:10

Все достаточно подробно описано. Учиться, учиться и еще раз учиться ЧИТАТЬ!

Удачи!


Часовой пояс GMT +4, время: 11:15.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.