jQuery поп изображение из iframe

Question

jQuery поп изображение из iframe

0

У меня есть iFrame с изображениями, есть ли какой-либо способ с jquery сделать их интерактивными и показать их вне iframe?

Это то, что у меня есть:

    $(".my-image").click(function(e){
        e.preventDefault();
        $(this).find('img').css({
            'width': '600px',
            'position': 'absolute',
            'left': '50%',
            'top': '10px'
        })
    });

Но изображение все еще находится внутри iFrame

rinchik 27 апр. 2014, в 01:42

Источник

Теги:

javascript

jquery

iframe

2 ответа

1

Если вы 1) установите allowfullscreen (и его различные варианты префикса поставщика) на iframe и 2) используйте фиксированное позиционирование, вы можете избежать iframe.

Я должен упомянуть, что поддержка браузера является отрывочной: насколько широко поддерживается атрибут iframe "allowfullscreen"?

isherwood 26 апр. 2014, в 22:35

0

Это была хорошая идея, но она не сработала :( Мне пришлось сделать несколько трюков, чтобы получить изображение нашего iframe. Собрав небольшой плагин jQuery для этого: github.com/rinchik/iFramebox
rinchik 03 май 2014, в 20:37

Ещё вопросы

Это была хорошая идея, но она не сработала :( Мне пришлось сделать несколько трюков, чтобы получить изображение нашего iframe. Собрав небольшой плагин jQuery для этого: github.com/rinchik/iFramebox

rinchik · Accepted Answer · 2014-05-03T19-19-00.000Z

Не из трюков CSS, о которых я знаю, помогли. Пришлось собрать небольшой плагин jQuery для этого:

https://github.com/rinchik/iFramebox

Работает как шарм ^ _ ^