Backstretch копирует вывод из цикла в DIV

Question

У меня есть полноэкранное фоновое слайд-шоу, работающее по сценарию Backstretch. Я пытаюсь создать подпись для каждого слайда, и хотел бы, чтобы отобразить информацию в

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

внутри

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

Пролет является частью списка, который заполняет слайд-шоу и скрыт ,

Вот jsfiddle того, что у меня есть до сих пор.

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

Спасибо за любые советы или помощь.

Answer 1

Вы можете использовать событие 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/