vue-image-lightbox

vue-image-lightbox copied to clipboard

Currently embedding a Vue page via an iframe into a larger project I don't control and using this lightbox (nice component, btw) inside that iframe.

I'm curious and have been skimming the code to see if there is a relatively straightforward solution to setting the target of the lightbox to be the iframe's parent, if that makes sense.

Any initial thoughts are appreciated.

I don't think you can break out from your iframe. It's a browser security feature.

Do you have any examples to prove me wrong? :smile:

@khoker It is better if you can provide an example on codepen

I found this solution: https://en.stackoverflow.com/questions/386304/alterar-div-pai-dentro-de-um-frame-filho

It is in Portuguese, but see the example: https://jsfiddle.net/30jtgs8n/

Maybe it's possible

@janosrusiczki See if this applies to your question