如何在fancybox外显示qtip的弹出图像

时间:2017-01-11 12:52:17

标签: jquery fancybox qtip2

我有一个要求,
我打开了fancybox弹出窗口,在该fancybox内部我有一个 <a> 标记,On hover to this <a> 标记我正在显示一个图像使用 qTip2 另一个弹出窗口 但是这张图片我希望在fancybox弹出窗口中显示 out / beyond 为此我做了这个:

$('a.class-qtip2-image-a').each( function(){
    $(this).qtip({
        content: {
            text: $(this).next('img'),
        },
        style: {
            classes: 'qtip-bootstrap higher-z-index',//qtip-bootstrap
        },
        position: {
            viewport: $(window),
        }
    });
});

更新: Fancybox代码: -

$('.cls-process-popup').fancybox({
    'width' : '100%',
    'height' : 'auto',
    'autoScale' : true,
    'transitionIn' : 'elastic',
    'transitionOut' : 'elastic',
    'type' : 'iframe',
});

enter image description here

0 个答案:

没有答案