反向拉伸从循环复制输出到DIV

Backstretch copy output from loop to a DIV

本文关键字：复制 输出 DIV 循环      更新时间：2023-09-26

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

中显示信息
<span class="cap"></span>


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

span是填充幻灯片的列表的一部分，并且是隐藏的。

这是我目前为止的一个概要。

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

谢谢你的建议和帮助。

您可以按照您的建议使用backstretch.show事件，在您的操作中像获取cap元素数组一样。

Backstretch将触发"Backstretch"。事件每次显示一个新的图像加载，触发传递事件和后伸的函数实例。如果你监听那个事件，你可以，例如，协调其他更改以与幻灯片一致。

代码:

// 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/

相关文章：