# create directory /sites/all/modules/easy_slider/js/ # download easySlider javascript file http://www.cssglobe.com/lab/easyslider1.7/js/jquery.js http://www.cssglobe.com/lab/easyslider1.7/js/easySlider1.7.js # save to /sites/all/modules/easy_slider/js/jquery.js /sites/all/modules/easy_slider/js/easySlider1.7.js # add to your css template (e.g. graphics.css) /* slider */ #primary #slider li{ width: 712px; height: 712px; overflow: hidden; } #primary #slider ul, #primary #slider li { margin: 0; padding: 0; list-style: none; background: none; } # Admin > create content > Page <div id="slider"> <ul> <li><a href="YOUR_LINK_1"><img src="YOUR_IMAGE_1.jpg"></a></li> <li><a href="YOUR_LINK_2"><img src="YOUR_IMAGE_2.jpg"></a></li> </ul> </div> <script type="text/javascript" src="/sites/all/modules/easy_slider/js/easySlider1.7.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true, speed: 1500, pause: 5000, controlsShow: false }); }); </script> # set "Input format" to "Full HTML" # save # Links http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider