jquery add class

Question

Helo folks.,

i am using jquery.cycle plugin for displaying image gallery..

i have a navigation in this gallery.

i need to add class(Active) for current displayed image in the navigation ?

any pointer?

$(function() {
    var bc = $('#nav');
    var $container = $("ul#slides").cycle({
        fx: 'fade',
        pause: 1,
        before: addTitle
    });

    $container.children().each(function(i) { //    Navigation part
        $('<li><a>&nbsp;</a></li>').appendTo(bc).click(function() {
            $container.cycle(i);
            return false;
        });
        $("#nav li a").first().addClass("active");

    });

    function addTitle() {
        $("#nav li a.active").removeClass("active").next().add("#nav li a").addClass("active");
    }
});

thank you

Your question is unclear. You ask about adding the class for the currently displayed image (``), but your code shows you adding/removing the class from anchor elements (``). — Matt Ball, Mar 29 '11 at 15:09
yes..for currently displayed image i want my navigation items to display active class — SAK, Mar 29 '11 at 15:15

score 4 · Accepted Answer · answered Mar 29 '11 at 15:11

4

Did you try to use activePagerClass and pager option for this?

For examlpe:

var $container = $("ul#slides").cycle({
    fx: 'fade',
    activePagerClass: 'active',
    pause: 1,
    pager: '#nav'
});

You can see example here

answered Mar 29 '11 at 15:11

Viacheslav Molokov

2,534
21
20

jquery add class

1 Answers1