Переходы

Определите, какой переход использовать - slide или crossfade - с помощью data-transition:

Пример перехода с использованием crossfade:

<div class="fotorama"
 data-transition="crossfade">
 <img src="/images/1.jpg">
 <img src="/images/1-1.jpg">
</div>

Пример перехода с использованием slide:

<div class="fotorama"
 data-transition="slide">
 <img src="/images/1.jpg">
 <img src="/images/1-1.jpg">
</div>

Растворение

Есть еще один переход - растворение. Этот вариант идеально подходит для демонстрации изображений с одинаковыми фрагментами.

<div class="fotorama"
 data-transition="dissolve">
 <img src="/images/1.jpg">
 <img src="/images/1-1.jpg">
</div>

Пример:

Смешанный вариант

Сделайте один переход при прокрутке, а другой - при щелчке мышью, используя data-clicktransition:

<div class="fotorama"
 data-transition="slide"
 data-clicktransition="crossfade">
 <img src="1.jpg">
 <img src="2.jpg">
</div>