Я бы хотел, чтобы стрелки были расположены рядом со счетчиком, примерно так:
< 2 of 19 >
где «‹» и «>» — кнопки со стрелками под фотографией в «figcaption .mfp-bottom-bar». Поскольку стрелки по умолчанию находятся в .mfp-контейнере, я не могу просто абсолютно их позиционировать, потому что картинка может иметь любую высоту и ширину, и мне нужно, чтобы она была идеальной по пикселям.
У меня есть одно нефункциональное решение: в объекте галереи в вызове $('').magnificPopup
{
tCounter:
"<button title='previous' type='button' class='mfp-arrow mfp-arrow-left mfp-prevent-close'><</button>"
+
" %curr%/%total% "
+
"<button title='next' type='button' class='mfp-arrow mfp-arrow-right mfp-prevent-close'>></button>"
}
это, к сожалению, ничего не вызывает, хотя оригинальные стрелки все еще работают.
Так что я хотел бы знать либо:
- Как я могу поместить стрелки по умолчанию в figcaption в HTML?
- Как заставить кнопки в tCounter запускать функции предыдущего и следующего изображения