Отражение изображения на воде
Предлагаем Вашему вниманию скрипт, создающий эффект отражения изображения на воде. При помощи данного скрипта Вы сможете получить перевернутое сверху вниз изображение с эффектом волновых колебаний, похожих на отражение в волнах.
Внимание! Данный скрипт не работает в браузере Опера (возможно и еще в некоторых), но прекрасно работает в IE.
Для примера посмотрите на две картинки, приведенные чуть ниже. Обратите внимание, что вторая картинка была получена из первой при помощи нашего скрипта.
Для того, чтобы получить подобный эффект отражения изображения на воде, поместите JavaScript код, приведенный ниже, в код Вашей странички:
<script type="text/javascript">
function wave_img(){ setInterval("mdiv.filters.wave.phase +=10 ", 100); }
document.write('<img id="mdiv" src="' + document.all.reflect.src +
'" style="filter:wave(strength=5, freq=3, lightstrength=30) blur() flipv()">');
wave_img();
}
</script>
А картинку, которую планируется отражать, стоит описать следующим образом:
<div align="center">
<img id="reflect" src="image/reflect.png">
</div>
Как видите код совсем простой, правда и работает только в браузере IE (в других браузерах кроме Оперы не проверялось).
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Возможно, у Вас отключена поддержка JavaScript в браузере.