Инициализация

Fotorama автоматически инициализируется во всех блоках с классом fotorama.

Измените это с помощью data-auto="false":

<div class="fotorama"
 data-auto="false">
 <img src="1.jpg">
 <img src="2.jpg">
</div>

... и включите его вручную:

$(function () {
 $('.fotorama').fotorama();
});

Данные

Загружать данные в fotorama напрямую через Javascript:

<div class="fotorama"
 data-auto="false"></div>

<script>
 $('.fotorama').fotorama({
 data: [
 {img: '1.jpg', thumb: '1-thumb.jpg'},
 {img: '2.jpg', thumb: '2-thumb.jpg'}
 ]
 });
</script>

Объект рамки

Полный объект frame может выглядеть так:

{
 img: '1.jpg',
 thumb: '1-thumb.jpg',
 full: '1-full.jpg', // Разделить изображение для полноэкранного режима.
 video: 'http://youtu.be/C3lWwBslWqg', // Youtube, Vimeo или пользовательский URL-адрес iframe
 id: 'one', // Пользовательский привязчик используется с опцией hash:true.
 caption: 'Первая подпись',
 html: $('selector'), // ...или '<div>123</div>'. Пользовательский HTML внутри фрейма.
 fit: 'cover', // Переопределить глобальную подгонку.
 any: 'Любые данные относительно кадра, который вы хотите сохранить'
}