从循环到DIV的反向输出复制输出

Question

我有一个由Backstretch脚本驱动的全屏背景幻灯片。 我正在尝试为每张幻灯片创建一个标题，并希望在

中显示信息

<span class="cap"></span>

里面的

<div class="caption"></div>

跨度是填充幻灯片并隐藏的列表的一部分。

这是我到目前为止的一个小问题。

http://jsfiddle.net/g84hK/7/

感谢您的任何建议或帮助。

Answer 1

您可以按照建议使用backstretch.show事件，例如获取cap元素数组。

  

每次拍摄新照片时，Backstretch都会触发“backstretch.show”事件   加载，触发传递事件和Backstetch的函数   实例。如果你听那个事件，你可以，例如，   协调其他更改以与幻灯片放映一致。

代码：

// coordinating image captions with slides
$(b).on('backstretch.show', function() {
    $(this).data("backstretch").index;
    $(".caption").html(cap[$(this).data("backstretch").index].html());
});

这是一个工作小提琴：http://jsfiddle.net/g84hK/9/