I am trying to make a slider with thumbnails underneath the slides. I would like to hover over a thumbnail image and have the slide change to match the thumbnail after a one-second delay. Is there a way to achieve this?
$(function(){
$("#main-photo-slider").codaSlider();
$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");
$navthumb.hover(function() {
var $this = $(this);
theInterval($this.parent().attr('id').slice(1) - 1);
return false;
} );
theInterval();
});
I currently have a working solution, but it lacks the one-second delay that I desire.