fancybox:在多行中显示长标题,宽度与大图像相同?

时间:2015-03-02 15:23:35

标签: jquery fancybox fancybox-2

我正在使用Fancybox 2.1.5显示带有大图像的弹出窗口。这是html:

<div class="webmedia">
    <a href="my-large.jpg" class="click-magnify" title="A very long caption, wider than its image">
        <img src="my-small.jpg" width="283">
    </a>
</div>

使用Javascript:

 $('.click-magnify').fancybox({
 });

当显示弹出窗口时,标题比大图像扩展得更宽。我希望在大图像宽度相同的多行中显示标题。

谢谢和问候!

1 个答案:

答案 0 :(得分:1)

您可以尝试更改标题 type,如:

$(".click-magnify").fancybox({
    helpers : {
        title: {
            type: 'inside'
        }
    }
});

JSFIDDLE