Fancybox標題/標題

Question

我很新的網站設計，不能寫js腳本。我的CSS是相當基礎的。我使用FB 1.3.4，它一切正常，但我想改變圖像標題/標題的格式。

我現在有這樣的格式：
「圖像的10這1是該圖片的標題。[圖片：史密斯]」

我想是這樣的：
「這是標題此圖片[照片：A史密斯]
圖片1/10「

請注意，Image 1 of 10是換行了。我也希望像字幕的結束和[圖片：·史密斯]之間多餘的空格，雖然我不能工作，如何在這裏顯示它

我的腳本是：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $(".fancybox").fancybox({ 
        'transitionIn'  : 'none', 
        'transitionOut'  : 'none', 
     'overlayColor'  : '#000000', 
     'overlayOpacity' : '0.90', 
        'titlePosition'  : 'over', 
        'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
        return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
        } 
     }); 
    }); 
    </script> 

我的CSS爲的fancybox標題，在是：

.fancybox-title-over { 
position: absolute; 
bottom: 0; 
left: 0; 
color: #FFF; 
text-align: left; 

}

我知道我需要改變titlePosition到「裏面」，但不能超越的！誰能幫我這個？非常感謝。

Answer 1

爲了您titleFormat，替換該行：

'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { 
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
} 

與此：

'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { 
    return '<span>'+title+'<br />Image ' + (currentIndex + 1) + ' of ' + currentArray.length + (title.length ? ' &nbsp; ' : '') + '</span>'; 
} 

對於要額外的空間，你可以使用的字符代碼 （每個額外的空間，你需要）title屬性內

title="This is the caption for this image.   [Photo: a Smith]" 

還可以更改titlePosition到inside像

'titlePosition' : 'inside' 

和最後一個：我不會建議你設置標題與position: absolute。您可以更改text-align到left與內聯CSS聲明（您加載的fancybox CSS文件後），雖然有：

.fancybox-title-inside { 
text-align: left; 
}