Fancybox 2.0左/右按钮标题

Question

您好有办法在标题like this中添加左/右按钮。我会有一个前缀按钮 - 来自html标题标签的标题 - 里面标题的下一个按钮（对图像1没有意思...）

我试试这个：

$(".fancybox").fancybox({
  openEffect: 'none',
  closeEffect: 'none',
  helpers: {
    title: {
      type : 'inside'
    }
  },
  afterLoad: function() {
    if(this.index > 0) {
      this.title += '<a href="#" onclick="$.fancybox.prev();return false;" ' +
                    'id="fancybox-prev"></a>';
    }
    if(this.index < this.group.length - 1) {
      this.title += '<a href="#" onclick="$.fancybox.next();return false;" ' +
                    'id="fancybox-next"></a>';
    }
  }
});

但仅显示HTML标签标题中的标题，而不显示next-prev按钮。

修改

我解决了这个问题

$(document).ready(function() {
  $(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
      title: {
        type: 'inside'
      }
    },
    afterLoad : function() {
      var title = this.title;
      this.title = '';
      if(this.index > 0) {
        this.title += '&nbsp;<a href="#" onclick="$.fancybox.prev(); ' +
                      'return false;" title="previous">' +
                      '<img src="prev.gif" border ="0" alt="prev" /></a>';
      }
      this.title += ' ' + title + ' ';
      if(this.index < this.group.length - 1) {
        this.title += '&nbsp;<a href="#" onclick="$.fancybox.next(); ' +
                      'return false;" title="next">' +
                      '<img src="next.gif" border ="0" alt="next" /></a>';
      }
    }
  });
});

prev.gif和next.gif是我创建的两张图片。