$(document).ready(function() {
//unhide images that I've hidden during page load via css.
$('#slideshow-home img').css({display:'block'});
//start cycle plugin options
$('#slideshow-home')
.after("")
.cycle({
fx: 'fade',
delay: 3000, // additional delay (in ms) for first transition (hint: can be negative)
speed: 1000, // speed of the transition
timeout: 2400,
pause: 1, //pause on hover
fastOnEvent: true, //fast transition for pager, or use the next option below.
//manualTrump: true, // causes manual transition to stop an active transition instead of being ignored
pagerEvent: 'click',
pagerClick: Pager, //callback function when clicking pager links
pager: '.slideshow-paginate',
next: '.slideshow-nav-next',
prev: '.slideshow-nav-prev',
prevNextClick: Prev, //callback function when clicking prev/next
pagerAnchorBuilder: pagerAnchors
});
$('.slideshow-home-nav-pause').click(function() {
$('#slideshow-home').cycle('pause');
return false;
});
$('.slideshow-home-nav-resume').click(function() {
$('#slideshow-home').cycle('resume', true);
return false;
});
function Pager(zeroBasedSlideIndex, slideElement) {
$('#slideshow-home').cycle('pause');
}
function Prev(curr, next, opts) {
var index = opts.currSlide;
$('#slideshow-home').cycle('pause');
}
function pagerAnchors(index, slide) {
var title = $('#slideshow-home').children('a').eq(index).attr('title'); //get the alt tag!
if(index < 1) {
return ""+title+"";
//return "" + parseInt(1+index,10) + "";
} else {
return ""+title+"";
//return "" + parseInt(1+index,10) + "";
}
}
});