How to use
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" />
Add slider content and create one div with an id and put images and image descriptions, similar to:
Код:
01 <div id='coin-slider'> 02 <a href="img01_url" target="_blank"> 03 <img src='img01.jpg' > 04 <span> 05 Description for img01 06 </span> 07 </a> 08 ...... 09 ...... 10 <a href="imgN_url"> 11 <img src='imgN.jpg' > 12 <span> 13 Description for imgN 14 </span> 15 </a> 16 </div>
At the end all you have to do is to call Coin Slider:
Код:
1 <script type="text/javascript">
2 $(document).ready(function() {
3 $('#coin-slider').coinslider();
4 });
5 </script>Пример на основе - http://workshop.rs/2010/04/coin-slider- … e-effects/
