2012-04-28 122 views
0

我有一个jQuery幻灯片,通过从图像的替代和标题文本中获取文本,在每张幻灯片上显示标题。唯一的问题是,当幻灯片中的图像没有标题/替代时,我不希望它显示标题。不显示幻灯片图像标题

参见示例代码在这里:http://jsfiddle.net/MCdyC/

我知道我需要有一个IF语句测试,看看如果图像标题/ ALT是空白的,但没有我尝试工作过。

+0

当你说“没有标题时根本不显示标题”,你是指不显示深灰色的底部标尺? – 2012-04-28 20:38:34

回答

1

试试沿着线:

var title = $('.showimage').attr('title'); 
var alt = $('.showimage').attr('alt'); 

if (typeof title !== 'undefined' && title !== false && typeof alt !== 'undefined' && alt !== false)​ { 

    // WRAP YOUR WHOLE FUNCTION IN HERE 

    } else { 

    // WRAP YOUR WHOLE FUNCTION IN HERE WITHOUT THE SHOW CAPTION FUNCTION 

}​ 
1
if($('ul.slideshow li.show').find('img').attr('title')!="") 
{ 
    $('#slideshow-caption h3').html($('ul.slideshow li.show').find('img').attr('title')); 
} 

下面是一些示例代码段,让你开始。