使用jquery.fancybox將ALT文本顯示為fancybox中的標題

Question

圖片HTML看起來像這樣

<img  src="image.png" alt="Alt text" title="Description">

我有特殊的功能來將顯示圖像標題輸出為文件名，在fancybox中不帶擴展名和描述。

我的問題是：如果alt不為空，如何從alt屬性獲取值並輸出它而不是filename（title_new）。

jquery.fancybox-1.3.4.pack.js（完整http://pastebin.com/bFmg95AT ）

_format_title = function(title) {
            var nstr=imgPreloader.src;
            var nres=nstr.split("/");

            var img_name=nres[nres.length-1];
            var img_name_arr=img_name.split(".");
            var title_new= "<b>"+img_name_arr[0]+"</b><br>";

        if (title && title.length) {

                if (currentOpts.titlePosition == 'float') {
                    return '<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">' +title_new+  title+ '</td><td id="fancybox-title-float-right"></td></tr></table>';
                }

                return '<div id="fancybox-title-' + currentOpts.titlePosition + '">' + title_new + title + '</div>';

            }

Answer 1

要獲得圖像的alt屬性，您可以使用如下代碼，其中“ this”是您正在使用的圖像。

var alt = $(this).attr("alt");

Answer 2

該答案的依據是已經聲明了“ title_new”並為其指定了默認值

if (typeof $('img').attr('alt') !== typeof undefined && $('img').attr('alt') !== false)
{
    title_new = $('img').attr('alt');
}