ecco la funzione completa, disattiva anche dei tasti per scorrere manualmente le slide.
codice:
function packages_slider() {
var packages_total = $('.package').length;
var package_num = 1;
$('.package-number').css('display', 'block');
function enable_disable_packages_buttons() {
if (package_num === packages_total) {
$('#packages-button-right').css('display', 'none');
$('#packages-button-right-disabled').css('display', 'block');
} else {
$('#packages-button-right').css('display', 'block');
$('#packages-button-right-disabled').css('display', 'none');
}
if (package_num === 1) {
$('#packages-button-left').css('display', 'none');
$('#packages-button-left-disabled').css('display', 'block');
} else {
$('#packages-button-left').css('display', 'block');
$('#packages-button-left-disabled').css('display', 'none');
}
}
enable_disable_packages_buttons();
$('#packages-button-right').click(function() {
$('#packages-slide').animate({left: '-=300'}, 500, 'easeOutQuad');
package_num++;
enable_disable_packages_buttons();
return false;
});
$('#packages-button-left').click(function() {
$('#packages-slide').animate({left: '+=300'}, 500, 'easeOutQuad');
package_num--;
enable_disable_packages_buttons();
return false;
});
window.onload=function(){
window.setInterval(
function(){$('#packages-slide').animate({left: '-=300'}, 500, 'easeOutQuad');
package_num++;
enable_disable_packages_buttons()},8000);
}
}