Fancybox 2.0 левая / правая кнопки к названию - PullRequest
2 голосов
/ 10 декабря 2011

Привет, есть способ добавить левую / правую кнопки к заголовку , как это . Я хотел бы иметь кнопку назад - заголовок из тега заголовка 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-тега, а не кнопку «предыдущий предыдущий».

EDIT

Я решил это так

$(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 - это два изображения, которые я создал.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...