Такую вот красотищу можно получить довольно-таки простым способом - прикрутить фильтр
к стилю картинки. Код скрипта ниже, а вот так он работает:
Код довольно простой:
<?php
<script language="JavaScript">
var curr;
curr=1;
function transitionReveal()
{
if (img.style.visibility == "visible") img.style.visibility = "hidden";
if (curr==1) img.src="http://www.mnwhost.ru/butt/01.gif";
if (curr==2) img.src="http://www.mnwhost.ru/butt/02.gif";
if (curr==3) img.src="http://www.mnwhost.ru/butt/03.gif";
if (curr==4) img.src="http://www.mnwhost.ru/butt/04.gif";
img.filters.revealTrans.Transition=23;
img.filters.revealTrans.Apply();
img.filters.revealTrans.Play();
img.style.visibility = "visible";
if (curr < 4) curr++;
else curr=1;
}
</script>
<br><center>
<img src="http://www.mnwhost.ru/butt/01.gif" id="img" style="filter: revealTrans(duration=5,transition=23); visibility: hidden;">
<br><br>
<input type="button" value="Заценить!" onclick="transitionReveal();">
</center>
?>
|
