Вставка титров в цикл Jquery с помощью вложенных слайд-шоу - PullRequest
0 голосов
/ 12 августа 2011

Я пытаюсь выяснить, как заставить цикл Jquery показывать подписи, используя следующий скрипт.Хотя обычные демонстрации заголовков на странице Jquery Cycle требуют использования обратного вызова after: для отображения заголовков, я не смог заставить его работать из-за того, что обратный вызов after: в этом сценарии используется для запусканачало активной галереи.Любая помощь будет оценена.

$(document).ready(function() {
    gLength = $('#hovergal > div').size();

    if( gLength > 1)
        {
            //move over gallery to allow room for nav
            $('#hovergal').css("marginLeft","160px");
        //stop subgal initially
            $('#hovergal .subgal').cycle({
                fx: 'fade',
                timeout: 3000,
                slideExpr: 'img'
            }).cycle('pause');

            //start subgal on click
            $('#hovergal').cycle({
                fx: 'scrollUp',
                speed: 300,
                timeout: 0,
                slideExpr: '>div.subgal',
                pager: 1,
                pagerAnchorBuilder: function(i) {
                    return $('aside.sgnav a:eq(' + i + ')');
                },
                after: function(curr,next,opts) {
                    var cmd = opts.currSlide == 1 ? 'resume' : 'pause';
                    $('div.subgal').cycle(cmd);
                },
                before:  function() {
    $('.caption').html(this.alt);
}
            });
    } else {//else, if there's only one gallery to be shown

        $('#hovergal .subgal').cycle({
            fx: 'fade',
            timeout: 3000,
            slideExpr: 'img'
        });

    }


});

1 Ответ

0 голосов
/ 16 января 2012

Я объяснил это здесь Добавьте заголовки к вложенному циклу Jquery

, вы можете взять содержимое для заголовка из любого места.Самый простой способ - взять alt-Text, если он задан, или вам нужен дополнительный скрипт, который выбирает текст из базы данных или файлов, где вы сохранили информацию для каждого изображения.

Живой пример здесь http://ferienhaus -fischland-ahrenshoop.de / mini4 / (после завершения этого проекта вам необходимо удалить «mini4 /»)

...