画像の代替テキストとタイトルテキストからテキストを取得して、各スライドにキャプションを表示するjQueryスライドショーがあります。唯一の問題は、スライドショーの画像にタイトル/代替がない場合にキャプションを表示したくないということです。
こちらのサンプルコードを参照してください:http://jsfiddle.net/MCdyC/
画像のタイトル/altが空白かどうかを確認するためにIFステートメントテストを行う必要があることはわかっていますが、試したものは何も機能しませんでした。
画像の代替テキストとタイトルテキストからテキストを取得して、各スライドにキャプションを表示するjQueryスライドショーがあります。唯一の問題は、スライドショーの画像にタイトル/代替がない場合にキャプションを表示したくないということです。
こちらのサンプルコードを参照してください:http://jsfiddle.net/MCdyC/
画像のタイトル/altが空白かどうかを確認するためにIFステートメントテストを行う必要があることはわかっていますが、試したものは何も機能しませんでした。
次の線に沿って何かを試してください:
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
}
if($('ul.slideshow li.show').find('img').attr('title')!="")
{
$('#slideshow-caption h3').html($('ul.slideshow li.show').find('img').attr('title'));
}
開始するためのサンプルスニペットを次に示します。