gpt4 book ai didi

magnific-popup - 华丽的弹出画廊 : How can I display a counter in an inline type item?

转载 作者:行者123 更新时间:2023-12-02 03:33:00 24 4
gpt4 key购买 nike

我正在使用 magnific popup显示 image type 的混合画廊和 inline type项目。

HTML:

<a href="http://lorempixel.com/400/200/" class="magnific">Image Popup</a>

<a href="#test-popup" class="magnific mfp-inline">Show inline popup</a>

<!-- the inline content -->
<div id="test-popup" class="white-popup mfp-hide">
Inline content
</div>

JS:

$('.magnific').magnificPopup({
type: 'image',
gallery: {enabled: true}
});

完整的工作示例是 here .

如您所见,图像类型项目会自动获得一个“x of y”计数器,如下所示:

enter image description here

我怎样才能得到内联类型项目的这个计数器?

最佳答案

它只能添加到动态生成的内联弹出窗口中,为此你只需要添加 <div class="mfp-content"></div>到项目的标记。示例 http://codepen.io/dimsemenov/pen/GpdFs

否则,您需要通过弹出 API 编写自己的计数器。

关于magnific-popup - 华丽的弹出画廊 : How can I display a counter in an inline type item?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25527101/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com