rf.sparks is a very interesting jquery plugin. I found this at Redflex.co.uk very nice sparks effect. I had implemented this in different way to animate user tweets.
Take a look at live demo.
Take a look at live demo.
tiggin_demo.html
Include rf.sparks plugin in between <body> tag
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="rf.sparks.min.js"></script>
<body>
<div>
<script type="text/javascript" src="rf.sparks.min.js"></script>
</div>
</body>
Edit rf.sparks.min.js plugin
If you want to add or change images just edit following code. Also you can create as many expands with as many images and moving speeds as you want.
img_1:
{
number: 1, // how many images to create
speed: 5, // Moving speed.
img: 'man.png' // Image source
},
img_2:
{
number: 1,
speed: 5,
img: 'woman.png'
},
img_3:
{
number: 1,
speed: 2,
img: 'dance.png'
},
{
number: 1, // how many images to create
speed: 5, // Moving speed.
img: 'man.png' // Image source
},
img_2:
{
number: 1,
speed: 5,
img: 'woman.png'
},
img_3:
{
number: 1,
speed: 2,
img: 'dance.png'
},
.
.
.
.
Related Link :
Using jQuery Visited Plug-In.
You can get the original plugin from the author at http://mattkirman.com/2009/05/20/jquery-plugin-rfsparks/
ReplyDeletecan we make clikable the picture ??
ReplyDeletemuchas gracias amigo!
ReplyDelete//thanks very much my friend!
♥ Cool!!
ReplyDeleteyou must check the FireFly Animation plugin.
http://motyar.blogspot.com/2010/04/firefly-jquery-animation-plugin.html
gr8
ReplyDelete