Question

使用优良的NyroModal制造光彩。然而,我正在努力将照片的题目below,而不是放在上面(Nyro Modal违约)。是否有任何人取得了以下地位?

Answer 1

If you use the "beforeShowCont" callback, your title position will change to the top again after resizing the browser window. Using the "afterReposition" callback the positioning of the title will also work after resizing the browser window. You also need to find the absolute position of the image using $( .nyroModalImage img ).offset(). For this example the offset between image and title is chosen 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

页: 1 通过反馈:

<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>

显然,根据你们的需要,你将改变所抵消的数额。

友情链接