Sign in to follow this  
Followers 0
Mr.XXIV

I need a specific jQuery slider

4 posts in this topic

Does anyone know where I can this? The circles are animated to time the next slide.

post-388684-0-71983300-1398814400.png

Share this post


Link to post
Share on other sites

I do remember this slider plugin but can't seem to find it either, it's not wowslider neither nivo slider :/

 

Of course this could be done with nivo slider or any other slider with svg icon animated dots or css animated dots(more complex with before and after elements or more children).

Share this post


Link to post
Share on other sites

Also check into Twitter Bootstraps slider. It is very useful as well. TB uses jQuery, and you can include only what you want.

Share this post


Link to post
Share on other sites

Since I was bored I made a css3 dot:

http://jsfiddle.net/n5k37/11/

 

Click on it to animate, it's animated clockwise and filling the dot, lemme create one too that makes the dot empty.

 

Change true/false to change the animation:

http://jsfiddle.net/n5k37/19/

 

This dot is resizable, just a matter of changing the size of .dot, and styleable, you can use background fills and rgba fills.

The dot has nice fallback support, the fill of it will just be invisible on older browsers and the dot will be a square instead. Though you can change the dot background to a rounded png file to fix that for older browsers.

 

 

Just made this because I was bored and needed something like this myself :p

 

And I added pause/resume stuff too: http://jsfiddle.net/n5k37/25/

 

Edit for clockwise/counterclockwise: http://jsfiddle.net/n5k37/28/

 

Edit: Cleaned up code: http://jsfiddle.net/n5k37/41/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.