Question

I’m building a slideshow from scratch using javascript/jquery. I’m adding a pagination dynamically below the slideshow as numbers.
What I want is, whatever slide is active then its respective pagination number should be highlighted by adding a class called active, which is cached in a variable called this.active or o.active. For some reason nothing happens, even though I’m using the correct selectors to locate them.

Here is my code: http://jsfiddle.net/A3rQS/

You can look at the statement o.paginationItem, in the function called fadingFX(). I don’t know what’s wrong with it that it can’t be found.

Please, can someone help…?

Many thanks

Answer 1

This is what happens:

• you create a new instance of SlideshowMod
• bunch of variables is assigned to that instance (slides, controls… pagination, paginationItem…)
• at this moment, there is no .pagination element on the page, so pagination and paginationItem are not referencing what you think they are
• you call start() method and inside it you call addPagination() method
• inside of addPagination you are creating the .pagination element and adding it into DOM
• only now it is possible to get a reference to that element (because it is in the DOM finally), so this is the moment when you should assign pagination and paginationItem variables