Волшебные искры на любых элементах при помощи HTML5 и jQuery
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script type='text/javascript' src="/js/jquery-canvas-sparkles.js"></script> <script> $(document).ready(function(){ $("img").sparkle({ "count": 30, // Количество искр "color": "rainbow", // Цвета искр. Можно использовать массив ["#ff0080","#ff0080","#FFF"] "minSize": 2, // Минимальный размер искры "maxSize": 5, // Максимальный размер искры "overlap": 0, // На сколько пикселей выходить за края объекта "direction": "both", // Направление движения (both, up, down) "speed": 1, // Скорость движения искр "fadeSpeed": 3000 // Скорость исчезания/появления }); }); </script> |
|
1 2 3 |
<div class="img"> <img id="image" src="Ссылка_на_картинку"> </div> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
в теге ошибка )) "ВолЩебство" , а материал прикольный ! )
Спасибо, исправил!
Прикольная штука) Как раз такую искал, хотел уже гифом делать... Спасибо!
Пожалуйста!
А как бы еще сделать, чтобы событие автоматически запускалось сразу, а не по наведению мышки?
Отредактировал скрипт. Убрал события взаимодействия с курсором.
Эффект уже доступен в демо: http://jsfiddle.net/apoucoz/hvsspx37/
Отредактированный скрипт лежит тут: http://imapo.ru/js/jquery-canvas-sparkles.js
Спасибо огромное! то что нужно)
Пожалуйста