0

I have a requirement that,
I have fancybox popup opened, and inside of that fancybox I have an <a> tag, On hover to this <a> tag I am showing an Image as another popup using qTip2 library.
but this image I want to show outside/beyond the fancybox popup.
For this I have done this:

$('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),
        }
    });
});

Update: Fancybox code:-

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

enter image description here

Shantaram Tupe
  • 1,646
  • 3
  • 16
  • 42

0 Answers0