Question

请在此处查看我的演示页：http://intelligen.info/pro%20templates/template%20grid%20center/

我正在使用Nivo Lightbox插件。我也在使用CMS超现实主义。从我在此处发布的上一个问题（Add the alt attribute to light box slideshow title?）我得到了下面的代码，以便将幻灯片的标题链接到图像标记的alt属性，而不是围绕它的锚点的title属性？

var altText;
$(document).ready(function () {
$('#nivo-lightbox-demo a').nivoLightbox({
    effect: 'fade',
    beforeShowLightbox: function () {
        altText = $($(this)[0].el).find('img').prop('alt');
    },
    afterShowLightbox: function (light) {
        if (altText!=="") $($(light)[0]).find('.nivo-lightbox-title').html(altText);
    }
 });
});

单击单个缩略图时效果很好，然后显示标题，但是如果单击幻灯片显示标题不再显示。在点击幻灯片时，如何让幻灯片显示标题？

在这里摆弄：http://jsfiddle.net/rabelais/MH8mu/2/

Answer 1

这个插件没有设计好这样做，但我设法让事情工作而不必修改灯箱代码。

$(document).ready(function () {
    var navHandler = function(element){
        if(element[0])
            element = element[0][0];
        var title = $(element).children().attr('alt');
        $(element).attr('title', title);   
        $('.nivo-lightbox-overlay .nivo-lightbox-title').html(title);
    };
    $('#nivo-lightbox-demo a').nivoLightbox({
        effect: 'fade',
        beforeShowLightbox: function(){navHandler(this.el);},
        onPrev: navHandler,
        onNext: navHandler
    });
});

小提琴更新HERE

点击幻灯片时幻灯片标题不显示？

1 个答案: