У меня есть iFrame с изображениями, есть ли какой-либо способ с jquery сделать их интерактивными и показать их вне iframe?
Это то, что у меня есть:
$(".my-image").click(function(e){
e.preventDefault();
$(this).find('img').css({
'width': '600px',
'position': 'absolute',
'left': '50%',
'top': '10px'
})
});
Но изображение все еще находится внутри iFrame
Не из трюков CSS, о которых я знаю, помогли. Пришлось собрать небольшой плагин jQuery для этого:
https://github.com/rinchik/iFramebox
Работает как шарм ^ _ ^
Если вы 1) установите allowfullscreen
(и его различные варианты префикса поставщика) на iframe и 2) используйте фиксированное позиционирование, вы можете избежать iframe.
Я должен упомянуть, что поддержка браузера является отрывочной: насколько широко поддерживается атрибут iframe "allowfullscreen"?