I have a jQuery UI Slider working here: http://energync.ehclients.com/slider2.html and I like the way it is working. I just need to make one tweak and I will be set.
Currently there are three steps to the slider: 1. first slide 2. second slide 3. blank.
How do I modify the following jQuery to only two steps, showing only slide one and two but no blank?
Thanks!
$(function() {
$('#sliderContent .item:first').addClass('shown').show();
$("#slider").slider({
value: 0,
min: 0,
max: $('#sliderContent .item').size(),
step: 1
}).bind("slide", function(event, ui) {
var newIndex = ui.value;
var oldIndex = $('#sliderContent .item').index('.shown');
if (newIndex != oldIndex) {
$('.shown').fadeOut(150).removeClass('shown');
$('#sliderContent .item').eq(newIndex).fadeIn(150).addClass('shown');
}
});
});