我有一个由Backstretch脚本驱动的全屏背景幻灯片。
我正在尝试为每张幻灯片创建标题,并希望在其中显示信息
<span class="cap"></span>
代替
<div class="caption"></div>
跨度是填充幻灯片的列表的一部分,并且被隐藏。
这是到目前为止的内容。
http://jsfiddle.net/g84hK/7/
感谢您的任何建议或帮助。
最佳答案
您可以按照提示的方式使用backstretch.show
事件,就像获取cap
元素数组一样。
每当有新图片时,反向拉伸都会触发“ 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/
关于javascript - 从循环到DIV的反向拉伸(stretch)复制输出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16554180/