This page requires a Javascript enabled browser
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!-- DC Coin Slider CSS -->
<link rel="stylesheet" type="text/css" href="dcodes/sliders/css/coin-slider/coin-slider-styles.css" />
<!-- DC Javascript Library -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- jQuery Library (do not call twice on same page) -->
<!-- DC Coin Slider JS -->
<script type="text/javascript" src="dcodes/sliders/js/coin-slider/coin-slider.min.js"></script>
<!-- DC Coin Slider Settings -->
<script type="text/javascript">
$(function() {
    $('#coin-slider').coinslider({             
        width: 980, // width of slider panel in pixels
        height: 400, // height of slider panel in pixels
        navigation: true, // prev next and buttons
        spw: 7, // squares per width
        sph: 5, // squares per height
        delay: 3000, // delay between images in ms (3000 = 3 seconds)
        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', // random, swirl, rain, straight
        hoverPause: true // pause on hover 
    });
});
</script>
  <!-- DC Coin Slider Start -->
  <div style="width:980px; margin:0 auto; padding:10px; position:relative;"> <!-- define slider container width (strict enforce) -->
  <div class="sliderContainer">
    <div id="coin-slider">
        <!-- sample local image:
        <a href="#"><img src="dcodes/sliders/images/coin-slider/add-images-here.jpg" width="980" height="400" /> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a> -->
        <a href="#"><img src="http://cdn.dcodes.net/p/980x400/ccc" width="980" height="400" /> <span>You must be the change you wish to see in the world - Gandhi</span></a>
        <a href="#"><img src="http://cdn.dcodes.net/p/980x400/666" width="980" height="400" /> <span>To conquer oneself is a greater task than conquering others - The Buddha</span></a>
        <a href="#"><img src="http://cdn.dcodes.net/p/980x400/333" width="980" height="400" /> <span>What you do not want done to yourself, do not do to others - Confucius</span></a>
    </div>
    <div class="dc_clear"></div> <!-- line break/clear line -->
  </div>
  </div>
  <!-- DC Coin Slider End -->