Wordpress花式框标题没有显示

时间:2014-09-29 16:11:38

标签: jquery wordpress wordpress-plugin fancybox title

我正在尝试使用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 ? ' &nbsp; ' + title : '') + '</span>';
}
});                                       
});

我已经筋疲力尽了几个小时。

1 个答案:

答案 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>