Sudo Slider jQuery Plugin - CustomLink demo

CustomLink in docs
  • image description
  • image description
  • image description
  • image description
  • image description
Link to slide number 1

Link to the last slide

Link to slide number 3
Link to the first slide

Usage

Include the javascripts

<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.sudoSlider.min.js"></script>

The Javascript to start it.

<script type="text/javascript" >
    $(document).ready(function(){	
        var sudoSlider = $("#slider").sudoSlider({
           customLink:'a.customLink',
           prevNext:false
        });
    });
</script>

The HTML

<div id="slider" >
    <ul>
        <li><img src="../images/01.jpg" alt="image description"/></li>
        <li><img src="../images/02.jpg" alt="image description"/></li>
        <li><img src="../images/03.jpg" alt="image description"/></li>
        <li><img src="../images/04.jpg" alt="image description"/></li>
        <li><img src="../images/05.jpg" alt="image description"/></li>	
    </ul>
</div>
<a class="customLink" rel="1">Link to slide number 1</a><br />
<a class="customLink" rel="next">Link to the next slide</a><br />
<a class="customLink" rel="last">Link to the last slide</a><br />
<a class="customLink" rel="prev">Link to the previous slide</a><br />
<a class="customLink" rel="3">Link to slide number 3</a><br />
<a class="customLink" rel="first">Link to the first slide</a><br />