不要显示幻灯片图像标题

时间:2012-04-28 20:34:48

标签: jquery slideshow caption

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

请参阅此处的示例代码:http://jsfiddle.net/MCdyC/

我知道我需要进行IF语句测试,以查看图片标题/ alt是否为空白,但我尝试的任何内容都没有。

2 个答案:

答案 0 :(得分: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 :(得分:1)

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

以下是一些可帮助您入门的示例代码段。