Múltiplos apresentações de slides do ciclo jQuery com suas próprias Navs
Pergunta
Estou usando o plugin de ciclo jQuery (http://malsup.com/jquery/cycle/) em uma página de listagem do blog. Existem várias apresentações de slides que funcionam bem, mas eu gostaria que cada uma delas tenha suas próprias e a seguir.
Como essas são postagens no blog, é difícil assinar IDs ou aulas exclusivas. Eu tenho atualmente:-
$('.article .gallery').cycle({
next: '.viewmore .left',
prev: '.viewmore .right',
timeout:0
});
Eu tentei o seguinte, mas não funciona. Dá a você uma idéia melhor do que estou procurando:-
$('.article .gallery').cycle({
next: $(this).next('.viewmore .left'),
prev: $(this).next('.viewmore .right'),
timeout:0
});
Alguém pode me ajudar? Desde já, obrigado.
Dave.
Solução
Tente algo assim:
$('.article .gallery').each(function(){
var $this = $(this);
$this.cycle({
next: $this.next('.viewmore').find('.left'),
prev: $this.next('.viewmore').find('.right')
});
});
Outras dicas
Você pode usar IDs de entrada nas classes/IDs?
algo como:
<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>
Em seguida, coloque a parte do JavaScript inline.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow