NyroModal: расположение заголовков изображений внизу

Question

Я использую превосходный NyroModal для создания фотогалереи. Однако я изо всех сил стараюсь расположить заголовки фотографий ниже изображений, а не над ними (по умолчанию NyroModal). Кто-нибудь достиг их расположения ниже?

Answer 1

Если вы используете обратный вызов beforeShowCont, ваше положение заголовка снова изменится после изменения размера окна браузера.Используя обратный вызов afterReposition, расположение заголовка также будет работать после изменения размера окна браузера.Вам также необходимо найти абсолютную позицию изображения, используя $('.nyroModalImage img').offset().Для этого примера смещение между изображением и заголовком выбрано 10 (px).

<script type="text/javascript">
jQuery(function($) {
  $(".nyroModal").nm({
    callbacks: {
      afterReposition: function(nm) {
        if (nm._hasFilter('title')) {
          var pos = $('.nyroModalImage img').offset();
          $('h1.nyroModalTitle').css('top', pos.top+$('.nyroModalImage img').height()+10);
        }
      }
    }
  });
});
</script>

Answer 2

Вы должны изменить положение тега заголовка (h1) с помощью обратного вызова:

<script type="text/javascript">
jQuery(function($) {
    $('.nyroModal').nm({
        callbacks: {
            beforeShowCont: function(nm) {
                if (nm._hasFilter('title')) {
                    $('h1.nyroModalTitle').css('top', $('.nyroModalImage img').height()+5);
                }
            }
        }
    });
});
</script>

Очевидно, вы измените смещение в соответствии с вашими потребностями.