Как показать скрытую подпись для фокуса, используя roundabout.js? - PullRequest
Новая
       39

Как показать скрытую подпись для фокуса, используя roundabout.js?

0 голосов
/ 06 февраля 2012

В настоящее время у меня настроено так. 

<ul id="slide">
<li><img src=""><div class="info">TEST1</div></li>
<li><img src=""><div class="info">TEST2</div></li>
</ul>

Но вместо этого я хочу вот так. 

<ul id="slide">
<li><img src=""></li>
<li><img src=""></li>
</ul>

<ul id="slideinfo">
<li><div class="info">TEST1</div></li>
<li><div class="info">TEST2</div></li>
</ul>

Итак, в фокусе покажите первый div, если размытие скрывается, итогда покажи следующий.Вот JS.http://fredhq.com/projects/roundabout#/api

Ответы [ 2 ]

4 голосов
/ 25 февраля 2012

Добавьте идентификаторы в div для информации о слайде ... например, id = "info-1" и т. Д., Чтобы вы знали, какую подпись показывать 

//roundabout update info
var currentChild = 0;


//on the start of the animation, all captions will be erased

    $("ul#slide").bind( 'animationStart', function() {

        $(".info").fadeOut('fast');
    });

//on the end of the animation, the caption corresponding to the slide will fade in

    $("ul#slide").bind( 'animationEnd', function() {

       currentChild = $("ul#slide").roundabout("getChildInFocus");


            $("#info-"+currentChild).stop().fadeIn('fast');
    });
0 голосов
/ 28 марта 2013

Sart count от id = "info-0". В противном случае подписи не будут отображаться правильно.

...