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