使用Cycle2循环播放幻灯片，但不是所有幻灯片

Question

我有6张幻灯片的幻灯片，我正在尝试循环浏览第一张 3 幻灯片，同时跳过幻灯片 4-6 ，但是当用户点击时在幻灯片4,5或6的按钮上，我想显示那些幻灯片。

http://jsfiddle.net/6Rvn4/1/

我需要实现的一些行为：

• 自动循环浏览DIVs A B C 。
• 点击DIVs ZY或X 后，转到并停止相应幻灯片 ZY或X 。
• 之后，如果用户点击 A B或C 的幻灯片，请继续执行第一步。
• 注意：我不想为幻灯片 Z Y和X 创建任何寻呼机。 （我可以用CSS简单地隐藏它们，但我宁愿以编程方式进行。

---

<div id="custom-pager"></div>

<div class="mySlideshows" 
     data-cycle-pause-on-hover="true">

    <div data-cycle-pager-title="Nav Button A"><p>Slide A</p></div>

    <div data-cycle-pager-title="Nav Button B"><p>Slide B</p></div>

    <div data-cycle-pager-title="Nav Button C"><p>Slide C</p></div>


    <div><span>Slide X</span></div>
    <div><span>Slide Y</span></div>
    <div><span>Slide Z</span></div>    

</div>

---

我试图让JSFiddle成为基本的，但是如果你需要上下文来解决我在生产中想要完成的事情，那么到目前为止这里是网站。 http://s35290.gridserver.com/JWA/

顶级导航（体验，服务和结果）是我想要连续循环（ABC）的主要幻灯片。 但是，如果用户点击某个人，我想显示与他们相关的内容（他们的联系信息，在本例中为6张幻灯片。）