Скачать
Очень необычный красивый эффект разводов на воде. Можно применять как к фоновому рисунку на сайте, так и к любому другому объекту
Для начала посмотрите
ДЕМО
Моё тестирование:
КЛИК
Установка:
После /head на нужных страницах вставляйте:
|
<script type="text/javascript" src="/js/jquery.ripples.js"></script> <script> $(window).load(function(){ $('body').ripples({ resolution: 512, dropRadius: 20, //px perturbance: 0.04, }); }); </script> |
Вместо body можете использовать любой другой элемент на сайте
Осталось лишь залить JS файл из прикреплённого архива в папку
jsАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1095Регистрация: 27-08-2018
Привет))
Как изменить высоту самого эффекта? мне нужно что бы сам эффект был от футера примерно 500 px подскажи пожалуйста,что то догнать не могу ))
В файле jquery.ripples.js найди строчку <pre>canvas.height = this.$el.innerHeight();</pre> и замени её на <pre>canvas.height = this.$el.innerHeight()-500;</pre>
Спасибо большое за помощь,но не спасло по чему то ? есть ещё идеи?
Всё равно во весь экран,пробовал значение -500 сменить дошел до -1 и тоже самое во весь экран,а мне нужно что бы от самого футера до 35-40 % высоты экрана что бы эффект работал а выше не нужно.
Можно ссылку на страницу твоего сайта, где можно посмотреть, что именно делать?
и что то не работает в IE