Question

我正在试图弄清楚如何让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'
        });

    }


});

Answer 1

我在这里解释了 Add captions to nested Jquery Cycle

您可以从任何地方获取标题的内容。最简单的方法是使用alt-Text（如果给定），或者您需要一个额外的脚本，该脚本从数据库或文件中选择文本，您可以在其中存储每个图像的信息。

这里的实例http://ferienhaus-fischland-ahrenshoop.de/mini4/ （完成此项目后，您需要删除“mini4 /”）

使用嵌套幻灯片将字幕挂钩到Jquery循环中

1 个答案: