我使用的是Fred LeBlancs环岛插件,我只在"活动"中心图像中加入了一个灯箱(为什么我使用"addClass".active)。当图像是活动图像时,我还想显示一个带标题文本的隐藏div。我已经成功地使用了灯箱,但当中心图像聚焦时,我所有的字幕都会隐藏或显示,当然我只需要活动的字幕。只显示一个标题需要一些帮助。
<li><a href="slide.jpg" rel="prettyPhoto" title="Slide">
<img src="slide_thumb.jpg" alt="Slide" /></a>
<div class="caption" style="display:none">Slide Caption</div>
</li>
我的代码:
$('ul.rbt li').focus(function() {
$('a').addClass('active');
$('.caption').show()
});
$('ul.rbt li').blur(function() {
$('a').removeClass('active');
$('.caption').hide()
});
这应该有效:
$('ul.rbt li').focus(function() {
$(this).find('a').addClass('active');
$(this).find('.caption').show()
});
$('ul.rbt li').blur(function() {
$('a').removeClass('active');
$('.caption').hide()
});
如果您想在每次用户聚焦图像时都显示标题,并且即使图像没有聚焦也仍然显示标题,则可以使用此选项。
$('ul.rbt li').focus(function() {
$('a').addClass('active');
$('.caption').hide()
$('.caption').show()
});
$('ul.rbt li').blur(function() {
$('a').removeClass('active');
});