Latest work project. Implementing an unsliced PSD from our designer. This is an abandoned Drupal project assigned to me so there was a fair amount of cruft in the source. Basically I built the static site then replaced the dev site’s css with mine, tweaking class names and wrappers as needed to compensate for Drupal’s bizarre template system.
I liked the simplicity of the slideshow over my last attempt, requiring no counters or explicit element IDs.
var slider;
$(document).ready(function() {
slider = setTimeout(doSlider, 6000);
$('.slider>a:first').show();
});
function doSlider(){
if($('.slider>a.current').next()[0].tagName != "A"){
$('.slider>a.current').fadeOut(). removeClass('current');
$('.slider>a:first').fadeIn(). addClass('current');
$('.slider-footer>a.current'). removeClass('current');
$('.slider-footer>a:first'). addClass('current');
} else {
$('.slider>a.current').next('a').fadeIn(). addClass('current').prev('a').fadeOut(). removeClass('current');
$('.slider-footer>a.current').removeClass('current').next('a'). addClass('current');
}
slider = setTimeout(doSlider, 6000);
}