Использование разных значений атрибутов данных для разных разрешений в плагине fotorama

Я ищу способ изменить атрибуты данных в соответствии с разрешением, например, использовать меньшую минимальную высоту данных для меньших разрешений.

Как этого добиться? Спасибо за ваше время!


jquery fotorama
person scooterlord    schedule 09.04.2014    source источник
comment
можете ли вы поделиться кодом и подходом, который вы пробовали.   -  person Milind Anantwar    schedule 09.04.2014
comment
Я ничего не пробовал! Я понятия не имею, как это сделать! :/   -  person scooterlord    schedule 09.04.2014

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете использовать .data() вместе с $(document).height() или $(window).height():

 $('selector').data('min-height',$(document).height());
person Milind Anantwar    schedule 09.04.2014
comment
@scooterlord: в чем проблема?? - person Milind Anantwar; 16.04.2014
comment
В настоящее время у меня установлена ​​фоторама со встроенным data-min-height=400, и я хочу, чтобы это значение было изменено на 200, если разрешение меньше 480 пикселей. Я поместил его в событие изменения размера окна, но мне не повезло:/ - person scooterlord; 16.04.2014
comment
Только что заметил, что есть метод изменения размера, но до сих пор не знаю, как он работает. :/ - person scooterlord; 16.04.2014
comment
@scooterlord: можешь создать скрипку. мы будем работать остальные на нем. - person Milind Anantwar; 16.04.2014
comment
Решение найдено... вам нужно было создать переменные перед использованием API: var $fotoramaDiv = $('.fotorama').fotorama(); var fotorama = $fotoramaDiv.data('fotorama'); - person scooterlord; 16.04.2014

arrow_upward
1
arrow_downward

попробуйте использовать эту функцию setOptions

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

Здесь вы можете увидеть пример использования API Переместить стрелки фоторамы за пределы сцены

person Maicol Lopez Mora    schedule 09.04.2014