The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Jquery Cycle Plugin

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #25189

    Hello all,

    I first have to admit that I am not a developer, so forgive me if some of my terminology doesn’t apply :)

    I am using the Jquery Cycle Plugin and was wondering if I can animate the pagination at all?
    I have everything I want in my slideshow built out, except I would like the pagination instead of hovering over, to simply animate upwards.

    Here is my project:

    As you can see the tabs are static, but they work. On my research I found out that you can build a list of links through creating the variable
    pageAnchorBuilder: create your function here

    So my theory was to use that, have a function that returns a list and add a class and use Jquery to animate that class. Is this possible?


    It took me a while to see what you meant and how exactly you were trying to achieve it. I’ll try and explain it as simply as possible – I’m not trying to patronize just hoping to make it easy to understand. I can see one clear problem with your current approach and it lies in the follow code:

    $(“#slide_navigation a.activeSlide”).hover(makeTall,makeShort);

    This reads in english as follows: Do this when the page becomes ‘ready’, find the navigation tab for the active slide and add an event to it when the mouse hovers and when the mouse stops hovering.

    The problem is with the first part of that statement "Do this when the page becomes ‘ready’". This only happens once, when the page has finished loading and, crucially, before the slideshow has started. This means that when you try and grab the active slide a) there isn’t one, and b) even if there was it would not change when the slideshow moved forward because you are only carrying out that instruction once.

    You can either move your code into the jQuery cycle before/after callbacks or change your makeTall/makeShort functions to check if the link being hovered is the active slide.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.