• 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.