Javascript poptrox添加可点击链接/按钮

我正在使用poptrox，希望在弹出iframe时添加一个按钮或链接iframe。我需要能够选择哪些弹出窗口有额外的按钮。我想按钮喜欢什么样的iframe显示。我不知道是添加一个按钮还是将iframe变成一个大按钮更好

我的代码 -----HTML

---

}))

请您为您的场景添加一些代码，这样我们就可以了解一些情况了

我不理解你想用Poptrox建立一个画廊，但我不知道你到底错过了什么

现在，也许这个片段对你有帮助。给我一点更多的信息，我们可以编辑它，看看我们是否可以给你的解决方案

$（函数（）{
$（“#画廊”）.poptrox({
usePopupCaption:对，
usePopupNav：对，
PopupAdd:0
});
});
html，正文{
背景：#333；
颜色：#fff；
保证金：0；
填充：0；
文本对齐：居中；
字体系列：开放式SAN；
}
h1，h2{
字号：200；
填充：0；
颜色：#fff；
}
h1{
字体大小：40px；
利润率：10px；
}
氢{
字号：18px；
文本对齐：居中；
利润率：10px0；
}
a{
颜色：#ccc；
字体大小：11px；
显示：内联块；
保证金：5px；
垂直对齐：中间对齐；
文字装饰：无；
-webkit转换：不透明度.1s；
过渡：不透明度。1s；
}
a:悬停{
不透明度：.7；
}
章节：第一个孩子{
边缘顶部：15px；
}
德夫蒙特先生{
位置：固定；
底部：0；
右：0；
高度：20px；
线高：20px；
文字装饰：无；
字体：17px Arial；
颜色：#fff；
填充：10px40px10px0；
右边距：10px；
背景：url(http://media.devmount.de/devmount_small_light.png)右中无重复；
-webkit转换：背景位置.3s，颜色.3s；
过渡：背景位置.3s，颜色.3s；
}
.devmount跨度{
位置：绝对位置；
右：3px；
颜色：透明；
-webkit转换：继承；
过渡：继承；
}
.devmount:悬停{
不透明度：1；
背景位置：左中；
颜色：透明；
}
.devmount：悬停范围{
颜色：#fff；
}
您也可以在标题中添加href而不是简单的文本
将代码更改为：

<!-- image 1-->
<a href="http://placehold.it/500/09f/fff.png"><img src="http://placehold.it/100/09f/fff.png&amp;text=image1" alt="" title="<a href='https://freefrontend.com/'>Just an image (#1)</a> /></a>


/>

现在，仅当进行以下更改时，此链接才会用作链接

到现在为止，您可能会遇到一个文件“jquery.poptrox.min.js”，在该文件中找到“captionText:r.attr（'title'），”并将其更改为“captionText:$.parseHTML（r.attr（'title'）），”。现在jQuery将把title属性的内容解析为href，而不是纯文本。
我认为您应该更明确地说明您要做什么。我们不是占卜师…明白了吗？我不知道如何在弹出窗口中添加按钮。你真正错过了什么？我不知道如何在弹出窗口中添加按钮我已经编辑了答案。检查它是否解决了一些问题。我想看看我是否可以做一个快速定制的例子。我也添加了一个例子
$(function() {

// Vars.
    var $window = $(window),
        $body = $('body'),
        $wrapper = $('#wrapper');

// Breakpoints.
    skel.breakpoints({
        xlarge: '(max-width: 1680px)',
        large:  '(max-width: 1280px)',
        medium: '(max-width: 980px)',
        small:  '(max-width: 736px)',
        xsmall: '(max-width: 480px)'
    });

// Disable animations/transitions until everything's loaded.
    $body.addClass('is-loading');

    $window.on('load', function() {
        $body.removeClass('is-loading');
    });

// Poptrox.
    $window.on('load', function() {

        $('.thumbnails').poptrox({
            onPopupClose: function() { $body.removeClass('is-covered'); },
            onPopupOpen: function() { $body.addClass('is-covered'); },
            baseZIndex: 10001,
            useBodyOverflow: false,
            usePopupEasyClose: true,
            overlayColor: '#000000',
            overlayOpacity: 0.75,
            popupLoaderText: '',
            fadeSpeed: 500,
            usePopupDefaultStyling: false,
            usePopupCaption: true,
            windowMargin: (skel.breakpoint('small').active ? 5 : 50)
        });

    });

<!-- image 1-->
<a href="http://placehold.it/500/09f/fff.png"><img src="http://placehold.it/100/09f/fff.png&amp;text=image1" alt="" title="<a href='https://freefrontend.com/'>Just an image (#1)</a> /></a>