jQuery Cycle - Custom Pager & Captions
So I'm brand new to javascript and some of this may be more basic than I know, but I appreciate any advice you can give me.
I'm wanting to create a 'news' slider kind of thing and have got a basic one started. The main things I would like are twofold:
1. Remove all text from Pager links - no numbers, just small grey boxes SOLVED "pagerAnchorBuilder"
2. Have captions on top of images - similar to how my Pager is currently. I would like the captions to be able to come in after the image has come in (is this possible?) and be styled with CSS as a separate 'box'.
Cycle Code:
- $(function() {
- $('#hmpg_slideshow').before('<div id="shownav">').cycle({
- fx: 'fade',
- speed: 'slow',
- timeout: 4500,
- pager: '#shownav',
- pagerAnchorBuilder: function(index, el) {
- return '<a href="#"> </a>'; // whatever markup you want
- }
- });
- });