- Log in to post comments
# 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
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
speed: 1500,
pause: 5000,
controlsShow: false
});
});
# set "Input format" to "Full HTML"
# save
# Links
http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider