Привет, есть способ добавить левую / правую кнопки к заголовку , как это . Я хотел бы иметь кнопку назад - заголовок из тега заголовка 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 += ' <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 += ' <a href="#" onclick="$.fancybox.next(); ' +
'return false;" title="next">' +
'<img src="next.gif" border ="0" alt="next" /></a>';
}
}
});
});
prev.gif и next.gif - это два изображения, которые я создал.