9lessons programming blog
Loading Search
Wednesday, June 17, 2009

rf.sparks Interesting jQuery Plugin

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.


Download Script     Live Demo

tiggin_demo.html

Include rf.sparks plugin in between <body> tag
<script type="text/javascript" src="jquery.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'
},
.
.
.
.

Related Link :

Using jQuery Visited Plug-In.

Sponsored Links

Share this post

Comments
{ 4 comments }
Anonymous said...

You can get the original plugin from the author at http://mattkirman.com/2009/05/20/jquery-plugin-rfsparks/

Anonymous said...

can we make clikable the picture ??

ESCRONO said...

muchas gracias amigo!
//thanks very much my friend!

The Motyar said...

♥ Cool!!
you must check the FireFly Animation plugin.
http://motyar.blogspot.com/2010/04/firefly-jquery-animation-plugin.html

Post a Comment

Subscribe now!Recent Posts

Categories

Subscribe now!Popular Posts

People Says

@9lessons thank you for the great tutorials, we truly appreciate your contributions to the design community.

Smashing Magazine

Like Me

follow me
products

9lessons labs

9lessons clouds

Android application

Chrome Extension