Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Нужен скрипт


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

Автор: Aliance 11.3.2006, 13:50
Подобный вопрос уже поднимался.

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

<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)

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

<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>

Автор: DezmASter 11.3.2006, 18:35
Извините но оффтоп!


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

Автор: Aliance 11.3.2006, 19:28
Обыычно в таких ситуациях выкладывают то, что они нашли. Или хотя бы дают ссылку

Автор: DezmASter 12.3.2006, 22:32
легко!

http://script.woweb.ru/index.htm/id/1025264061

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)