2014-04-08 228 views
0

请参阅我的演示页面:http://intelligen.info/pro%20templates/template%20grid%20center/幻灯片标题在点击幻灯片时不显示?

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

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/

+0

我敢肯定,我可以帮忙,你可以建立一个的jsfiddle? – Stphane

+0

http://jsfiddle.net/rabelais/MH8mu/2/ – angela

+0

Thx,潜入代码... – Stphane

回答

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

+0

谢谢@ f00bar :) – angela

+0

不客气';)' – Stphane