Comments on: jQuery Cycle Pager Style as Dots with CSS

By: T.M.

T.M. — Wed, 06 Jul 2016 11:32:54 +0000

thanx for useful material)
have used in my project)

By: Michael

Michael — Fri, 05 Sep 2014 09:41:24 +0000

In reply to Andy.

Hi Andy – Yes, you need to install jQuery Cycle plugin first, following their docs: http://jquery.malsup.com/cycle/options.html. Then customize it using the tutorial provided in this post.

By: Andy

Andy — Thu, 04 Sep 2014 18:48:06 +0000

New to this. Do I need to enter a script type or something in the header?

By: Michael

Michael — Thu, 03 Oct 2013 09:34:29 +0000

In reply to Helen. Hi Helen – Can you please confirm if you are using jQuery Cycle version 1 or 2? If you can share your under-development page, it would really help for me to understand how it is structured and hopefully find the cause of this issue you are facing.

By: Helen

Helen — Wed, 02 Oct 2013 16:45:37 +0000

Sorry, thought I should add a bit more here – in the jquery.cycle.all.latest.js file I located this:

onPagerEvent: null,
onPrevNextEvent: null,
pager: null,
pagerAnchorBuilder: null,
pagerEvent: ‘click.cycle’,
pause: 0,
pauseOnPagerHover: 0,

Maybe I need to change one or more of these for it to work? Thanks again!

By: Helen

Helen — Wed, 02 Oct 2013 16:34:16 +0000

Hello, thanks so much for sharing your idea. I am struggling to make the navigation dots work and I wonder if you could help me see where I’ve gone wrong… I put the div tag above where I want the dots to be (directly below the slideshow) and then added the #pager code to the css sheet. But the dots come up all in a line on top of each other and don’t change with the images… I have downloaded both jquery-latest.min.js and jquery.cycle.all.latest.js onto my site and refer to them in the . Is there another file I need to add to make the dots work? Sorry if I am being a bit slow, I’ve never used jquery before and it is proving quite a challenge! Thanks so, so much 🙂