[Susie]

(Ben, I hope you're reading this today!! :) )

Does anyone know if it's possible to substitute text for the numbers in the nav on the Pager version of the cycle plugin?

Jquery Cycle Plugin - http://malsup.com/jq...cycle/int2.html - Scroll down to the 2nd set up examples.

What I want to do is put the name of the image instead of having just a generic number.

Possible? If so, how? TIA!

[shelfimage]

a thumbnail list can be generated (http://malsup.com/jq...cle/pager2.html) so maybe just changing this line will generate a text link:

// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(idx, slide) {
return '

" ' + slide.src + ' "

';
}

[Susie]

Thanks, John. :) This might work even if there's no way to get it to show text.

[ir3nicus]

Hi. I have another question. I want to use an image instead of numbers too.

$(document).ready(function() {
    $('#promo2').cycle({
		fx: 'fade',
        timeout: 6000,
		pager: "#nav",
		pagerAnchorBuilder: function(idx, slide) { 
				return '<a href="#"><img src="images/ball2.png" width="13" heigth="13" /></a>';
		}
				
	});
});

What about when I would like to use another image when the a tag is active ?
Is it possible to do that?
Thanks in advance

[Ben]

ir3nicus, on 18 November 2011 - 07:52 AM, said:

What about when I would like to use another image when the a tag is active ?
Is it possible to do that?
Thanks in advance

What I've done in the past is to give the a tag display:block, hide the text with a negative text-indent, and add a background image. Since the cycle plugin adds a class to the active page number, this also allows me to use a different background image for the active item.

[ir3nicus]

Ok but should I use live or delagate jquery function to add it?

Using only css styles don't work:

#nav a.activeSlide { display: block; ... }
Is there any js tag to change activeSlide ?

"
pagerAnchorBuilder: function(idx, slide) {
"

[Ben]

CSS will work. If it isn't, you have an error in the CSS or you aren't targeting the correct element.