jQuery Image Slider With Attractive Effects: Coin Slider

Coin Slider is a jQuery image slider plugin that has unique transition effects.

It has a navigation box and prev-next buttons that appear on hover for easily browsing images.

The slider has an optional auto-slide feature which can also pause on hovers.

jQuery Coin Slider

Coin Slider can "show information" about the images displayed and images can also be set as links to the defined URLs.

The plugin has also a lot of room for customizing the effects, including:

  • effect type (random, swirl, rain, straight)
  • squares per width and height
  • delays in squares and transitions
  • opacity level and speed of the information

And, best of all, it is compatible with all major browsers (yes, including IE6).

  1. Reply Garen April 8, 2010 at 1:51 AM

    cool thanks for this development. I have been looking for something like this that I can tweek to my liking 😉

  2. Reply Textile Exporter April 8, 2010 at 4:46 AM

    I am a regular reader(Follower) of your posts…

    All of them are very great……..

    Now i am a fan of you…

    Great Artikle.

    Thank you…

  3. Reply Jordan Walker April 8, 2010 at 8:03 AM

    That is a very neat Image Slider

  4. Reply Richard Ball April 9, 2010 at 3:13 AM

    This is exactly what I’ve been after, its simple and minimal code. I generally just use a lightbox but as my sites use various jQuery that runs off one jQuery library the light box always seems to run off a different on which conflicts with my other scripts .

  5. Reply Shane April 12, 2010 at 4:51 AM

    Very cool slider, can’t wait to try this one out. Really great how you can add text to your images.


  6. Reply Ivan Lazarevic April 13, 2010 at 3:46 AM

    I’m really glad that you like my work. Thanks for post and comments.

  7. Reply batty13 June 23, 2010 at 3:00 PM

    awesome jquery! That was so fast and easy to pop in! Only I seem to have my images as a background on repeat. I looked around in the js and css but could not find anything that set the image as a background or set background-repeat:repeat; any suggestions? Thanks for the awesome gallery without flash though very smooth.

  8. Reply John Fu April 6, 2011 at 11:06 AM

    Hi. grate slider.
    but i have an issue. my image not set gave height and width. that means image display only half. i want to display fully image i gave height and width. can u help me.?
    thank you

  9. Reply Sam July 7, 2011 at 6:11 AM

    Also available for Typo3: http://www.smashingninja.com/typo3/typo3-jquery-coin-slider/

    Highly configurable, so you has the options to chose animation effect, width and height and much more.

  10. Reply Ravi September 2, 2011 at 12:44 PM

    Awesome jquery! its 1 of the best jqueries that I have come across. I have an issue here, I have traced to resize it according to my needs. Im not good at coding, but can manage simple html with css…. everything works cool all I need is a preloader, though I have used low reis images, the screen appears empty till the images are loaded… how can I add a gif preloader so that the preloader animates till the image gets cashed. Thanku once again for this amazing piece of code.

Leave a reply