2010-09-10 9 views
0

Quelqu'un peut-il m'aider à faire l'une des deux choses suivantes?Aide jQuery plugin

1) Faire en sorte que le plugin de cycle surligne le bouton approprié.

  • ou -

2) Faire le plugin désolidarisation en rotation une fois clique sur un bouton.

Mon problème est que le cycle des images, puis je clique sur un bouton. Le cycle reprend mais le bouton précédemment sélectionné reste surligné. L'une ou l'autre réparation sera appropriée. Peut-être que le correctif 1 est préférable mais je suis vraiment facile.

Voici ce que j'ai en ce moment.

var $container = $('#slider .inner').cycle({ 
fx:  'scrollHorz', 
speed: 300, 
timeout: 4000 
}); 

$container.children().each(function(i) { 
// There are only 3 images, this is to stop a random 4th button being created. 
if (i != 3) { 
    $('<input type="button" value="'+(i+1)+'" />') 
    // append it to button container 
    .appendTo(bc) 
    // bind click handler 
    .click(function() { 
    // cycle to the corresponding slide 
    $container.cycle(i); 

    $(".home_buttons input").removeClass('selected'); 
    $(this).addClass('selected'); 

    return false; 
    }); 
} 
}); 

Répondre

2

Si vous utilisez cycles fonction de téléavertisseur construira la liste pour vous et ajoutez « ActiveSlide » en tant que classe à cet élément: téléavertisseur il suffit d'ajouter:

pager: '#nav' 

(ou tout autre conteneur que vous voulez la liste intégré) à vos options dans le cycle. Démo ici: x http://jquery.malsup.com/cycle/pager2.html mais il semble que vous n'aurez pas besoin nessecarily le bit d'ancrage de la page

+0

il fonctionne très bien et il a résolu beaucoup de mes besoins de cycle. Le seul problème que j'ai est de personnaliser les boutons de nav, il écrit '' et si vous voulez ajouter une classe supplémentaire ou une durée ou quoi que ce soit d'autre (que je sache). – jackJoe

+0

Vous pouvez simplement cibler la liste dans votre css? #nav un {...} Ou si vous avez besoin d'une classe individuelle ou l'identifiant pour chacun pourrait parcourir la liste $ ('# nav a'). Chaque fonction ((i) { $ (ceci) .addClass ('item' + i); }); alors vous allez vous retrouver avec ... tbwcf

+0

bonnes suggestions merci! – jackJoe