//Изображение к которому будем применять фильтр <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>