/ / Sincronizando Carrossel e Slider para usar a mesma direçãoNav no Flexslider - jquery, css, flexslider

Sincronizando Carrossel e Slider para usar a mesma direçãoNav no Flexslider - jquery, css, flexslider

Eu estou tentando descobrir se é possívelFlexslider para sincronizar o Carrossel e o Slider e fazer com que eles usem o directionNav no carrossel para controlar ambos. Eu gostaria que os slides do carrossel e os slides deslizassem quando você clicasse nas setas anterior e seguinte. Eu pesquisei e perguntei no Github para Flexslider sem sorte. De qualquer forma, aqui está o script que estou usando agora:

"<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$("#carousel").flexslider({
animation: "slide",
controlNav: false,
directionNav: true,
animationLoop: false,
slideshow: false,
itemWidth: 150,
itemMargin: 5,
asNavFor: "#slider"
});

$("#slider").flexslider({
animation: "slide",
controlNav: false,
directionNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel",
start: function(slider){
$("body").removeClass("loading");
}
});
});
</script>

Qualquer ajuda é apreciada.

Respostas:

0 para resposta № 1

há uma demonstração em http://flexslider.woothemes.com/thumbnail-slider.html que mostra como você pode sincronizar com o carrossel


1 para resposta № 2

Bro, você realmente tem que usar o Flexslider? Cycle2 parece melhor fazer isso http://jquery.malsup.com/cycle2/