Releases · artpolikarpov/fotorama

New enableifsingleframe option. Default value is false. Set it to true if you don’t want to disable fotorama navigation when it has only one frame.
Smarter autoplay. Now waits until the next frame is fully loaded.

Assets 4

06 Aug 20:48

artpolikarpov

4.6.0

c225af6

Position

New position and thumbposition options.
Fix some IE7 & IE8 bugs (#273, #279).
Fix thumbnail fit.
Better auto initialization.
Fix blocking event flow in some odd situations.
#267 “Play” triangles on video thumbnails are back.
Finally fix clicktransition behaviour.
Fix fotorama:show event triggering.
Some minor fixes and optimization.

`position`

Fotorama centers photos by default when fits them into a stage. Now you can change this:

<!-- Align photos to the left-top corner -->
<div class="fotorama" data-position="0 0">
  <img src="1.jpg">

  <!-- Override position for a single photo,
       center 2.jpg horizontally, and move up by 10px -->
  <img src="2.jpg" data-position="50% -10px">

  <!-- Show the right-bottom corner of 3.jpg -->
  <img src="3.jpg" data-position="100% 100%">
</div>

`thumbposition`

Works just like position but for thumnbails.

Assets 4

23 Jun 10:46

artpolikarpov

4.5.2

aced883

Three years

🎂

Keyboard accessibility, allow tabbing on arrows and thumbs.
#255 Better styles for printing.
New controlsonstart option. Set it to false if you want controls to appear only after hover or tap.
New thumbfit option.
New thumbratio:'auto' option (experimental 💀).
#232 Simplify and fix logic when to trigger show events
#236 Fix video loading on https
Default cursor is now pointer because for desktop users one click is enough to switch the frame. Cursor changes to grab only on dragging and swiping.
#246 Make fotorama monolithic with z-index.
#251 Now fotorama’s dimensions are really the dimensions of the first image (by order, not by loading time).
#253 Do not cache $('html') and $('body') for correct fullscreen in single-page-apps (Meteor, Angular, Derby).
Fix clicktransition behaviour.
#243 Add missing dependencies and repository-setting to package.json
Better image fit, work nice with odd width without Retina artefacts.
Adjust animations.
Disabled trackpad by default.
Fix loop conditions.

🍬 🍬 🍬

Today is the 3rd anniversary of Fotorama.

Using Fotorama? Be sure to drop me a link, wanna see it in action:

✉️ fotoramajs@gmail.com

Thanks for your thanks:

PayPal: fotoramajs@gmail.com
Yandex.Money: 4100139676157
Bitcoin: 1AbXUmE6xzinqKaHuTVFRXtnxffFqvKkka
Flattr: Fotorama

Assets 4

29 Mar 21:21

artpolikarpov

4.5.1

b800e58

Keep it ace

Fix animations and visibility of arrows and captions.
#181 Always visible arrows via arrows:'always'.
#214 Fullscreen mode now using complete width and surpass the maxwidth limit.
#218 Allow to hide captions via setOptions.
Make loop:true and clicktransition:'crossfade' play well together.
#219 Extended keyboard support.
Fix some measures collisions.
Optimize, test.

Extended keyboard support

The old data-keyboard="true" enables keyboard navigation with the arrows. Extend it passing the object with keys you want to turn on:

<div class="fotorama"
     data-keyboard='{"space":true, "home":true, "end":true}'>
  <img src="1.jpg">
  <img src="2.jpg">
</div>

Assets 3

20 Mar 02:20

artpolikarpov

4.5.0

d6985a7

Yana

New options:

navwidth — sets the special width of the nav;
clicktransition — alternative transition after click, now it is possible to slide after swipe and fade after click.

Now fotorama shows only first raw slide while initialization. Class .fotorama--unobtrusive makes fotorama unobtrusive and shows all raw slides, use it when you care about users without JavaScript.

Closed issues: