Fancybox2 – 不同内容的工具提示和图像标题，从标题属性？
缩略图工具提示和图库图像标题都来自相同的标题HTML属性。
我想为缩略图工具提示和图像标题有不同的内容。
例如我想提示说： Sculpture name和图像标题说： Sculpture name: Height 123cm
有没有办法做到这一点？
非常感谢。
我当前的HTML：
<a class="fancybox" rel="works" title="Sculpture1 Height:1232mm" href="images/Sculpture1_large_res.jpg"><imagetag alt="Sculpture1 Height:1232mm" src="images/thumbs/Sculpture1_thumb.jpg" class="thumb"></a> <a class="fancybox" rel="works" title="Sculpture2 Height:1232mm" href="images/Sculpture2_large_res.jpg"><imagetag alt="Sculpture2 Height:1232mm" src="images/thumbs/Sculpture2_thumb.jpg" class="thumb"></a>
UDATE：
我目前的select;
$(document).ready(function() { $(".fancybox").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', 'arrows' : false, helpers : { buttons : {} } });
}）;
我会做的是设置标题出现在一个隐藏的DIV Fancybox，所以我的工具提示将显示Fancybox的标题不同的内容：
更新 ：编辑以匹配您的内容示例
你的HTML：
<a class="fancybox" rel="works" title="Sculpture1" href="images/Sculpture1_large_res.jpg"><img alt="Sculpture1 Height:1232mm" src="images/thumbs/Sculpture1_thumb.jpg" class="thumb"></a> <a class="fancybox" rel="works" title="Sculpture2" href="images/Sculpture2_large_res.jpg"><img alt="Sculpture2 Height:1232mm" src="images/thumbs/Sculpture2_thumb.jpg" class="thumb"></a>
注意title属性值。
新 :(在你的<body>标签内的任何地方）Fancybox标题：
<div id="fancyboxTitles" style="display: none;"> <div>Sculpture1 Height: 1232mm</div> <div>Sculpture2 Height: 1232mm</div> </div>
请注意 ，您必须为图库中的每个图像嵌套<DIV> （使用新标题）。
那么，脚本：
$(document).ready(function() { $(".fancybox").fancybox({ afterLoad : function() { this.title = $("#fancyboxTitles div").eq(this.index).html(); } }); //fancybox }); // ready
更新＃2（Dec09，13：43PT） ：展示如何将build议的解决scheme集成到原始的发布脚本中：
$(document).ready(function() { $(".fancybox").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', arrows : false, helpers : { buttons : {} }, // helpers afterLoad : function() { this.title = $("#fancyboxTitles div").eq(this.index).html(); } // afterload }); // fancybox }); // ready
更新＃3 – 2012年6月3日 ：对于fancybox v2.0.6，使用beforeShow而不是afterLoad
