Hello All,
I am trying to use a tool called Coin Slider for my Home Page (http://workshop.rs/projects/coin-slider) and am having no luck at all. Below are the instructions. I downloaded the jquery-1.4.2.js and coin-slider.min.js files into my Scripts folder but nothing seems to be happening.
Does anyone have any ideas what I might be missing.
Step 1: Download jQuery, Coin Slider javascript file and CSS file and include them on your page:
<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" />
Step 2: Add slider content and create one div with an id and put images and image descriptions, similar to:
<div id='coin-slider'>
<a href="img01_url" target="_blank">
<img src='img01.jpg' >
<span>
Description for img01
</span>
</a>
......
......
<a href="imgN_url">
<img src='imgN.jpg' >
<span>
Description for imgN
</span>
</a>
</div>
Step 3: At the end all you have to do is to call Coin Slider:
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});
</script>
Thanks for the help!