VPF::Нужен скрипт - Форум программистов

DezmASter

Дата 11.3.2006, 12:44 (ссылка)

(нет голосов)

Загрузка ...

Дизайнер :)

Профиль
Группа: Участник
Сообщений: 1520
Регистрация: 3.2.2006
Где: Украина, Запорожь е

Репутация: нет
Всего: 109

Нужен скрипт который сначала выводит картинку в затемненном ввиде, а потом при наведении постепенно приводит к нормальному виду, и обратно!

--------------------

О юзабилити веб интерфейсов.

Aliance

Дата 11.3.2006, 13:50 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Подобный вопрос уже поднимался.

Если решать это без постепенного перехода - то решить можно так:

Код


<a href="http://vingrad.ru/@Aliance" target="_blank"><img src="http://forum.vingrad.ru/button/button.php?nick=Aliance" style="FILTER: alpha(opacity=20)" onmouseover="this.style.filter = 'alpha(opacity=100)'" onmouseout="this.style.filter = 'alpha(opacity=20)'" /></a>

Если нужен именно постепенный переход - используй фильтры (например, Fade)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

GIK

Дата 11.3.2006, 15:51 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

А цвета в картинках?
Если да то можно так попробовать, если менять картинки. Иля я не правильно понял вопрос?

Код


<html>
 <head>
  <script type="text/javascript">
   <!--
   var timeColor;
   var i=1;
   var ColorID;
   var Go=true;
   function GoColor(){ if(Go){ Go=false;
  timeColor = window.setInterval("ColorPlus()", 1000);
  } else {clearInterval(timeColor); Go=true;}
 } 
 

  function ColorPlus(){
 if(i<5){ i++;
  document.getElementById("ColorID").src=i+".jpg";
 } else {clearInterval(timeColor); timeColor=window.setInterval("ColorMinus()", 1000);
       }
}
 function ColorMinus(){
 if(i>1){ i--;
  document.getElementById("ColorID").src=i+".jpg";
 } else {clearInterval(timeColor); timeColor=window.setInterval("ColorPlus()", 1000);
       }
}
//-->
 </script>
   </head>
 <body id="bod">       
<img src="1.jpg" width=120 id="ColorID" height=120 style="position:absolute;top:210;left:10;" onMouseOver="GoColor()" onMouseOut="GoColor()">                       
</body>
</html>

Это сообщение отредактировал(а) GIK - 11.3.2006, 15:53

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

DezmASter

Дата 11.3.2006, 18:35 (ссылка)

(нет голосов)

Загрузка ...

Дизайнер :)

Профиль
Группа: Участник
Сообщений: 1520
Регистрация: 3.2.2006
Где: Украина, Запорожь е

Репутация: нет
Всего: 109

Извините но оффтоп!

Я нашел своими силами, спасибо всем!

--------------------

О юзабилити веб интерфейсов.

Aliance

Дата 11.3.2006, 19:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Обыычно в таких ситуациях выкладывают то, что они нашли. Или хотя бы дают ссылку

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

DezmASter

Дата 12.3.2006, 22:32 (ссылка)

(нет голосов)

Загрузка ...

Дизайнер :)

Профиль
Группа: Участник
Сообщений: 1520
Регистрация: 3.2.2006
Где: Украина, Запорожь е

Репутация: нет
Всего: 109

легко!

ЕГО МОЖНО СКАЧАТЬ ТУТ!

--------------------

О юзабилити веб интерфейсов.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »