在Flexslider中使用同一张幻灯片用于两个不同的转盘

Question

嗨， 我在flexslider中有一个幻灯片。

       <div id="slider" class="flexslider"> 
           <ul class="slides"> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" alt="descubre1" /> 
            </li> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" alt="descubre3" /> 
            </li> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" alt="descubre4" /> 
            </li> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" alt="descubre5" /> 
            </li> 
            <li> 
             <img class="center-block polaroidSlides" src="image.jpg" alt="descubre6"/> 
            </li> 
           </ul> 
          </div> 

即同步用转盘：

<div id="carousel" class="flexslider mb0"> 
           <ul class="slides" > 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
            <li> 
             <img class="polaroidCarrousel" src="image.jpg" /> 
            </li> 
           </ul> 
          </div> 

这里是我的javascript：

$(window).load(function() { 
// The slider being synced must be initialized first 
$('#carousel').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: true, 
    slideshow: false, 
    itemWidth: 150, 
    itemMargin: 5, 
    asNavFor: '#slider' 

}); 


$('#slider').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: true, 
    slideshow: true, 
    sync: "#carousel", 
    slideshowSpeed: 1500 
}); 

}）;

我做了什么，是在使用相同的滑动器，我WANNA放两个CARROUSELS，例如，当我点击第一个CARROUSEL的图像时，它将显示在滑动器中，但是，如果我点击第二个CARROUSEL它一个形象也展现在同一拉。

我该怎么做？

感谢=）

Answer 1

如果我理解正确你的问题，一个简单的方法，我会建议是show一个转盘和hide另一个：

$("whatever clicked button to show #carousel").click(function() { 
    $("#carousel").show(); 
    $("#slider").hide(); 
}); 


$("whatever clicked button to show #slider").click(function() { 
    $("#carousel").hide(); 
    $("#slider").show(); 
}); 

还有其他的方法来做到这一点使用较少的HTML标记，但上述方法适用于当前状态下的代码。