javascript - 从循环向后拉伸复制输出到 DIV

Question

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

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

代替

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

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

这是迄今为止我所拥有的一个jsfiddle。

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/