我有一个由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/

10-09 06:09