В свежей версии Фоторамы я добавил новый способ её инициализации. Теперь в большинстве случаев можно обходится без вот такого инлайн-джаваскрипта:

$(function(){<br>
  $('.fotorama').fotorama();<br>
});

Просто добавляете класс fotorama и блок автоматически превращается в Фотораму:

&lt;div class=&#34;fotorama&#34;><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div>

Раньше такой способ тоже существовал, но я о нём не рассказывал, потому что ничего нельзя было настроить — инициировалась дефолтная Фоторама. Теперь опции можно указывать с помощью атрибутов data-*:

&lt;div<br>
     class=&#34;fotorama&#34;<br>
     data-backgroundColor=&#34;#797775&#34;<br>
     data-thumbsPreview=&#34;false&#34;<br>
     data-margin=&#34;0&#34;<br>
     data-resize=&#34;true&#34;<br>
><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div>

А раньше было только так:

&lt;div class=&#34;fotorama&#34;><br>
  &lt;img src=&#34;1.jpg&#34;><br>
  &lt;img src=&#34;2.jpg&#34;><br>
  &lt;img src=&#34;3.jpg&#34;><br>
&lt;/div><br>
&lt;script><br>
$(function(){<br> 
  $('.fotorama').fotorama({<br>
    backgroundColor: '#797775',<br>
    thumbsPreview: false,<br>
    margin: 0,<br>
    resize: true<br>
  });<br>
});<br>
&lt;/script>

Так можно указать все опции, кроме data, html и onShowImg. Прежний способ инициализации и настройки работает без изменений.