显示图像时如何关闭 NyroModal(灯箱)中的图像计数

发布于 2024-07-30 03:59:10 字数 280 浏览 5 评论 0原文

当使用 NyroModal 显示图像时,当弹出窗口发生时,它会自动显示 H1 标签中集合中的图像数量,即“1/3”、“2/3”、“3/3”

有谁知道如何关闭此功能还是操纵 h1 标签?

我还对 NyroModal 自动将 h1 标签定位在图像底部而不是默认位置(顶部)感兴趣。

插件位于此处:http://nyromodal.nyrodev.com/

When using NyroModal to display images it automatically shows the image count of how many are in the collection in the H1 tag when the popup occurs i.e. "1/3", "2/3", "3/3"

Does anyone know how to siwtch this off or manipulate the h1 tag?

I'm also interested in NyroModal automatically positioning the h1 tag at the bottom of the image instead of the default (top).

Plugin is located here: http://nyromodal.nyrodev.com/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北城孤痞 2024-08-06 03:59:10

要删除 NyroModal 中的“第 1 页...”,请使用以下 javascript:

$.nyroModalSettings({ galleryCounts: '' });

要将 nyroModal 标题/标题放置在图像下方,然后进入 nyromodal javascript 代码(已解压)并搜索下面的代码并替换“modal.contentWrapper” .prepend' 与 'modal.contentWrapper.append'。

function setTitle() {
    var title = $('h1#nyroModalTitle', modal.contentWrapper);
    if (title.length)
        title.text(currentSettings.title);
    else
        //modal.contentWrapper.prepend('<h1 id="nyroModalTitle">'+currentSettings.title+'</h1>');
        modal.contentWrapper.append('<h1 id="nyroModalTitle">'+currentSettings.title+'</h1>');
}

To remove the 'Page 1 of ...' in NyroModal, use this javascript:

$.nyroModalSettings({ galleryCounts: '' });

To place the nyroModal title/heading below the image then go into the nyromodal javascript code (unpacked) and search for the code below and replace 'modal.contentWrapper.prepend' with 'modal.contentWrapper.append'.

function setTitle() {
    var title = $('h1#nyroModalTitle', modal.contentWrapper);
    if (title.length)
        title.text(currentSettings.title);
    else
        //modal.contentWrapper.prepend('<h1 id="nyroModalTitle">'+currentSettings.title+'</h1>');
        modal.contentWrapper.append('<h1 id="nyroModalTitle">'+currentSettings.title+'</h1>');
}
梦幻的味道 2024-08-06 03:59:10

您应该能够使用 CSS 删除 h1

h1#nyroModalTitle{display:none}

看起来还有一个您可以传递的参数: title: null

或者,您应该能够将 h1 标记放置在底部,但这可能涉及编辑源 javascript。

You should be able to remove the h1 with CSS

h1#nyroModalTitle{display:none}

Looks like there's also a parameter you can pass through: title: null

Alternatively, you should be able to position the h1 tag at teh bottom, but it might involve editing the source javascript.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文