Using different data-attribute values for different resolutions in the fotorama plugin

Question

I am looking for a way to change the data-attributes according to the resolution, for example, use a smaller data-min-height for smaller resolutions.

How can this be achieved? Thanks for your time!

I haven't tried anything! I have no idea how to accomplish this! :/ — scooterlord, Apr 09 '14 at 15:50

score 1 · Answer 1 · edited May 23 '17 at 12:13

1

try with this function setOptions

fotorama.setOptions({
  nav: false,
  arrows: false
});

Here you can see a example how use the api Move fotorama arrows outside stage

edited May 23 '17 at 12:13

Community

answered Apr 09 '14 at 20:30

Maicol Lopez Mora

score 0 · Accepted Answer · answered Apr 09 '14 at 15:53

0

You can use .data() along with $(document).height() or $(window).height():

 $('selector').data('min-height',$(document).height());

answered Apr 09 '14 at 15:53

Milind Anantwar

@scooterlord:what is the problem?? – Milind Anantwar Apr 16 '14 at 15:39
I currently have the fotorama set with inline data-min-height="400" and want to have this changed to 200 if res is smaller than 480px. I put it inside a window resize event, but have no luck with it :/ – scooterlord Apr 16 '14 at 15:50
Just noticed there's a resize method, but still have no idea how it works. :/ – scooterlord Apr 16 '14 at 15:53
@scooterlord: can you create a fiddle. we will work rest on it. – Milind Anantwar Apr 16 '14 at 16:11
Found the solution.. you had to create vars before using the api: var $fotoramaDiv = $('.fotorama').fotorama(); var fotorama = $fotoramaDiv.data('fotorama'); – scooterlord Apr 16 '14 at 18:25

2 Answers2