Логин:   Пароль:






Новости
Рассылки
Форум
Поиск


Java
- Апплеты
- Вопрос-ответ
- Классы
- Примеры
- Руководства
- Статьи
- IDE
- Словарь терминов
- Скачать

Мобильная Java
- Игры
- Примеры
- Статьи
- WAP, WML и пр.

JavaScript
- Вопрос-ответ
- Примеры
- Статьи

Веб-мастеринг
- HTML
- CSS
- SSI

Разминка для ума
Проекты
Книги
Ссылки
Программы
Юмор :)




Rambler's Top100
Rambler's Top100

JavaScript: ПримерыПрименение фильтров к изображениям в IE. Создание эффектов загрузки

Применение фильтров к изображениям в IE. Создание эффектов загрузки


//Изображение к которому будем применять фильтр
<img align="center" id="logo"
src="images/logow.jpe" 
style="FILTER: revealTrans(Duration=3.0, Transition=0)">


//Select для выбора типа фильтра
<form name="form">
<select name="nfilter">
<option selected value="0">1.Box in</option>
<option value="1">2.Box out</option>
<option value="2">3.Circle in</option>
<option value="3">4.Circle out</option>
<option value="4">5.Wipe Up</option>
<option value="5">6.Wipe Down</option>
<option value="6">7.Wipe Right</option>
<option value="7">8.Wipe Left</option>
<option value="8">9.Vertical blinds</option>
<option value="9">10.Horizontal blinds</option>
<option value="10">11.Checkerboard across</option> 
<option value="11">12.Checkerboard down</option>
<option value="12">13.Random dissolve</option>
<option value="13">14.Split vertical in</option>
<option value="14">15.Split vertical out</option>
<option value="15">16.Split horizontal in</option>
<option value="16">17.Split horizontal out</option>
<option value="17">18.Strips left down</option>
<option value="18">19.Strips left up</option>
<option value="19">20.Strips right down</option> 
<option value="20">21.Strips right up</option>
<option value="21">22.Random bars horizontal</option>
<option value="22">23.Random bars vertical</option>
</select>
 <input onclick="doTrans()" type="button" value="Apply Filter">
</form>

<script language=javascript>
<!--

//Функция активизации фильтра
function doTrans()
{
//делаем проверку на то активен ли в данный момент фильтр
//если да то избегаем повторного применения
 if(document.images.logo.filters.item(0).status<2)
 {
//прячем картинку
  document.images.logo.style.visibility="hidden";
//устанавливаем тип фильтра выбранный в Select-е
  document.images.logo.filters.item(0).transition=document.form.nfilter.value;
//применяем фильтр
  document.images.logo.filters.item(0).Apply();
//показываем картинку
  document.images.logo.style.visibility="visible";
//устанавливаем "скорость фильтра"
  document.images.logo.filters.item(0).Play(3);
 }
}
//-->
</script>

Что бы сделать подобное но при загрузке странички можно воспользоваться следующим кодом:


<html>
<head>
<script language=javascript>
<!--
function doTrans()
{
 if(document.images.logo.filters.item(0).status<2)
 {
  document.images.logo.style.visibility="hidden";
  document.images.logo.filters.item(0).transition=1;
  document.images.logo.filters.item(0).Apply();
  document.images.logo.style.visibility="visible";
  document.images.logo.filters.item(0).Play(3);
 }
}
//-->
</script>
</head>
<body onLoad="doTrans()">

<img align="center" id="logo"
src="images/logow.jpe" 
style="FILTER: revealTrans(Duration=3.0, Transition=0)">

</body>
</html>
Скрирт в действии >>

Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 11

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/books/show2b.php on line 30
Узнай о чем ты на самом деле сейчас думаешь тут.


[an error occurred while processing this directive]



Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 91

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/news/worldnews.php on line 95