jQuery cycle pager repeating itself

  • I’ve seen this issue a few other times on other forums, but there aren’t answers to the posts.

    I’ve tried everything I can, but can’t make the double pager image go away. I have 3 images in the slider, but there are 6 pager buttons.

    Here is my code: 

    // Showcase cycler
jQuery(function() {
	jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
	    jQuery(pager).find('a').removeClass('active')
	        .filter('a:eq('+currSlideIndex+')').addClass('active');
	}; 

	jQuery('.showcase .textwidget').cycle({
		fx:     'fade',
		speed:  'slow',
		timeout: 5500,
		pause:   1,
		pauseOnPagerHover: true,
	    pager:  '#showcase-menu',
	    pagerAnchorBuilder: function(idx, slide) {
	        return '<a href="#">&nbsp;</a></li>';
	    }
	});
});

    The #showcase-menu id has an image set to the background, just fyi.
    I am using a widget for the menu.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    I have the exactly same problem.
    Did you find a solution?

    Thread Starter rebeccacarney

    (@rebeccacarney)

    Not really, I just made the container div for the menu smaller than the menu links, that way the repeating, ineffective items wouldn’t show. Not the best solution but in a pinch it does resolve the issue.
    Does that make sense?

    I found my problem, but I don’t know if my answer can solve yours.
    It seems that I had 2 html tags having the same id, they were nested:

    <div id="slider_container">
<div id="slider_container">
(stuff)
</div>
</div>

    All I had to do was to delete one of them.
    It was the rest of the HTML mock-up.
    You should check if you have a double #showcase-menu container element for your pager.

    Hope it helps !

    I just had the exact same problem. I had accidentally named the scripts.js file I was writing the jquery functions in as “jquery” when I enqueued it in my functions.php file. This was causing scripts.js to load twice and render my #nav twice. I removed the duplicate “jquery” name and it fixed it

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘jQuery cycle pager repeating itself’ is closed to new replies.