artpolikarpov / fotorama

A simple, stunning, powerful jQuery gallery.
http://fotorama.io
Other
1.58k stars 378 forks source link

Adding a transition crossfade option #86

Closed alexandreracine closed 11 years ago

alexandreracine commented 11 years ago

Hi Artem and others,

This is more of a feature request actually.

Could it be possible to add a crossfade timer to fotorama?

Here is an example : http://www.marimage.ca/mariage/ witch the crossfade is actually set to slower than what fotorama offers. The best would be to have the option in miliseconds. Thanks.

Resonance1584 commented 11 years ago

@alexandreracine Try passing the transitionduration option e.g.

transitionduration: 1000
alexandreracine commented 11 years ago

@Resonance1584 : It does not work. , and it is not listed here http://fotorama.io/customize/transition/

artpolikarpov commented 11 years ago

Hm, transitionduration should work, if you use the latest version.

<div class="fotorama"
     data-transition="crossfade"
     data-transitionduration="1500"
     data-swipe="false">
  <img src="streetlook.jpg">
  <img src="acapella.jpg">
  <img src="freakout.jpg">
</div>

Fiddle: http://jsfiddle.net/artpolikarpov/j8xwP/embedded/result,html,js/

artpolikarpov commented 11 years ago

Should I take 4.3.3

Yes, or use transitionDuration (with camelCase).

alexandreracine commented 11 years ago

Alright, this is working great with 4.3.3 :)