Monday, 1 July 2013

Simple Image Slider With Previous and Next buttton

Copy Paste Following Code

<a href="javascript:void(0);" id="prev">prev</a>
<div id="empowering">

<ul id="clientlogo">
<li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo.png" /></a></li>
    <li><a href="http://alacut.aabsys.com/images/clientlogo2.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo3.png" /></a></li>
        <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo4.png" /></a></li>
          <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo5.png" /></a></li>
            <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo6.png" /></a></li>
            </ul>
            </div>

            <a href="javascript:void(0);" id="next">next</a>
            <script type="text/javascript">
              
                $(document).ready(function(){
                $('#empowering').slideIt(
                {
                width:'640px',
                height:'140px',
                image:{
                width:'220px',
                height:'100px'
                },
                prev:'#prev',
                next:'#next'
                }
                );
                });
                

                </script> 

            Down Load the js Files From Here slideit.js , jquery-1.10.1.min.js

            No comments:

            Post a Comment