Fotorama как встроить iframe?

Сначала получите доступ к элементу dom и объекту API.

// Get the Dom Element.
var $fotorama = jQuery('div.gallery-placeholder > div.fotorama');

// Get the API object.
var fotorama = $fotorama.data('fotorama');

Прослушайте событие fotorama:load и замените содержимое iframe.

// On load handler for fotorama.
$fotorama.on('fotorama:load', function fotorama_onLoad(e, fotorama, extra) {
    if (extra.frame.type === 'iframe') {
        // Replace the contents with the iframe.
        extra.frame.$stageFrame.html('<iframe type="text/html" width="100%" height="100%" src="' + extra.frame.src + '" frameborder="0" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>');
    }
});

Затем вы можете отправить новые данные для iframe следующим образом.

fotorama.push({ img: 'iframe.png', thumb: 'iframe.png', 'src': 'http://someurlforiframe', type: 'iframe' });

Примечание. Вы хотите, чтобы iframe.png или другое изображение с уменьшенным размером было готово к загрузке.

Я использовал 80х80.

Мне удалось успешно встроить 3dvieweronline в галерею, используя этот код из шаблона в пользовательском модуле с работающей полноэкранной функциональностью.