Clean & Simple Image Slider Plugin - Coin Slider

File Size: 6.3 KB
Views Total: 15006
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Clean & Simple Image Slider Plugin - Coin Slider

Coin Slider is a jQuery Slider plugin that allows you to create a Clean & Simple Image Slider with unique transition effects. It features Auto slide, Navigation box and Linking images.

Basic Usage:

1. Include scripts and css in your head section

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

2. Markup

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='img01.jpg' >
			Description for img01
	<a href="imgN_url">
		<img src='imgN.jpg' >
			Description for imgN

3. Call the plugin

<script type="text/javascript">
	$(document).ready(function() {

4. Options

<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });

width: 565, // width of slider panel
height: 290, // height of slider panel
spw: 7, // squares per width
sph: 5, // squares per height
delay: 3000, // delay between images in ms
sDelay: 30, // delay beetwen squares in ms
opacity: 0.7, // opacity of title and navigation
titleSpeed: 500, // speed of title appereance in ms
effect: '', // random, swirl, rain, straight
navigation: true, // prev next and buttons
links : true, // show images as links
hoverPause: true // pause on hover

Change Log:


  • Fix init images in iOS


  • Fix when brackets in background-image-url



This awesome jQuery plugin is developed by kopipejst. For more Advanced Usages, please check the demo page or visit the official website.