Trying to add a Click function on image
Hi, I'm a newbie and I'm trying to get this code to also have a click function on the image that would advance to the next image .. any advice would be appreciated. Thanks!
- $(function() {
- $('#slideshow').cycle({
- fx: 'fade',
- timeout: 6000,
- prev: '#prev',
- next: '#next',
- after: onAfter
- });
- function pagerFactory(idx, slide) {
- var s = idx > 2 ? ' style="display:none"' : '';
- return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
- };
- });
- function onAfter(curr,next,opts) {
- var caption = '(' + (opts.currSlide + 1) + ' of ' + opts.slideCount + ')';
- $('#caption').html(caption);
- }