我正在尝试使用wordpress构建一个网站,其中一个插件是帮助在图像上创建一个热点(54.165.58.29/dahlia/这是页面)。我无法将标题显示在图像的弹出显示中。
这是这里的代码。
$_ = jQuery.noConflict();
$_(document).ready(function() {
$_("a[rel=map_gallery]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'inside',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts)
{ return '<span id="fancybox-title-inside">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
我已经筋疲力尽了几个小时。
答案 0 :(得分:1)
您需要在代码中为每个标记添加title属性,以便将其选中。
<a id="197_mark_image_1" href="http://54.165.58.29/wp-content/uploads/2014/06/MB2.jpg" class="btn" rel="map_gallery" style=" position: absolute; top:39px; left:152px; " title="My image title">
<!--img src="http://54.165.58.29/wp-content/plugins/floorplan-generator/images/camera-button.png" /-->
<div onclick="addToFancyboxWrap(this)" style=" width: 30px;height: 30px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #fff;"><img src="/wp-content/uploads/2014/08/circle_pink_hotspot2.png"></div></a>