Jquery CYCLE 2-在转盘寻呼机上实现alt字幕选项的帮助

有人知道如何在这里看到的转盘寻呼机上实现cycle 2“alt caption”选项吗；范例

我一直得到的是alt标题div中的单词“alt”，而不是alt标记中的标题

<div id="galleryWrapper">
<div id="slideshow-1">

    <div id="cycle-1" class="cycle-slideshow"
    data-cycle-slides="> div"
    data-cycle-timeout="0"
    data-cycle-prev="#slideshow-1 .cycle-prev"
    data-cycle-next="#slideshow-1 .cycle-next"
    data-cycle-fx="fade"
    data-cycle-pager="#no-template-pager" 
    data-cycle-pager-template=""

    data-cycle-caption="#slideshow-1 #alt-caption"
    data-cycle-caption-template="{{alt}}"
    >
        <div><img src="http://malsup.github.io/images/beach1.jpg" alt="Spring" width=500 height=500></div>
        <div><img src="http://malsup.github.io/images/beach2.jpg" alt="yadda" width=500 height=500></div>
        <div><img src="http://malsup.github.io/images/beach3.jpg" alt="so what" width=500 height=500></div>
        <div><img src="http://malsup.github.io/images/beach4.jpg" alt="another" width=500 height=500></div>
        <div><img src="http://malsup.github.io/images/beach5.jpg" alt="crash" width=500 height=500></div>
        <div><img src="http://malsup.github.io/images/beach6.jpg" alt="landing" width=500 height=500></div>

    <div class="captionNavWrap">
        <div class="arrowLeft"> <a href="#" class="cycle-prev fa fa-chevron-left"></a> </div>
        <div class="arrowRight"> <a href="#" class="cycle-next fa fa-chevron-right"></a> </div>
        <div class="CaptionCenter">
            <div id="alt-caption" class="center"> </div>
        </div>
    </div>
    </div><!-- i added-->
    <div id="slideshow-2">
        <div id="cycle-2" class="cycle-slideshow"
    data-cycle-slides="> div"
    data-cycle-timeout="0"
    data-cycle-fx="carousel"
    data-cycle-carousel-visible="5"
    data-cycle-carousel-fluid=true
    data-allow-wrap="false"

    >
            <div><img src="http://malsup.github.io/images/beach1.jpg"  alt="Spring" width=100 height=100></div>
            <div><img src="http://malsup.github.io/images/beach2.jpg" width=100 height=100></div>
            <div><img src="http://malsup.github.io/images/beach3.jpg" width=100 height=100></div>
            <div><img src="http://malsup.github.io/images/beach4.jpg" width=100 height=100></div>
            <div><img src="http://malsup.github.io/images/beach5.jpg" width=100 height=100></div>
            <div><img src="http://malsup.github.io/images/beach6.jpg" width=100 height=100></div>

        </div>
    </div>

---

这里是我设置的一个小提琴：

您就快到了，只需要做一个小的更改，因为您已经将图像嵌套在div标记中了

data-cycle-slides="> div"

到

data-cycle-slides="> div >img"