Question

我有一个足够简单的任务，我想在这里实现。但是我在jquery的巨大弹出窗口中有点迷失。

我已经通过将代码插入到图像标题中来传递弹出文本/按钮，因此它显示在“mfp-title”类部分中。我的问题是我如何将它从下方移动到右侧，以便它在白色背景上与图像的高度相同，并且如果它已经存在则将整个物体置于中心位置。

图像iv'e添加显示（红色）我试图移动/在哪里。

目前正在使用以下内容：

<script>
$(document).ready(function() {
$('.thumbnails').magnificPopup({
    type:'image',
    delegate: 'a',
    gallery: {
        enabled:true
    },  
    image: {
    markup: '<div class="mfp-figure">' +
             '<div class="mfp-close"></div>' +

             '<div class="mfp-img"></div>' +  
             '<figure>'+'<figcaption>'+
               '<div class="mfp-bottom-bar">' +
                 '<div style="background: #fff; text-align: center"  class="mfp-title"></div>' +

               '</div>'+
             '</figcaption>'+
             '</figure>' +
           '</div>'
    }
});

}）;

任何帮助将不胜感激！谢谢！

Magnific Popup Layout /将标题移动到图像的右侧？

0 个答案: