Ломаются скрытые галереи скорее всего из-за того, что скрываются через display: none, рекомендую попробовать другие способы, например position: absolute; visibility: hidden.
Не хочет, потому что resize: true сделан не для полноэкранного режима, а для вписывания в колонки вёрстки. При этом плагин всегда следит, чтобы не вылезти за высоту экрана.
Для полноэкранного режима воспользуйтесь АПИ, после инициализации Фоторамы напишите:
var $window = $(window);
function fullScreen() {
var windowWidth = $window.width();
var windowHeight = $window.height();
$('#fotorama').trigger('rescale', [windowWidth, windowHeight]);
}
fullScreen();
$window.resize(function(){
fullScreen();
});
В опциях уберите resize: true, cropToFit — по вкусу ;-)
Попробуйте такой «хак»:
1) подключаете оба jquery и Фотораму;
2) в 1.7.1 и в fotorama.js делаете поиск с заменой jQuery → jQuery171 (регистр важен);
3) профит!
zoomToFit:false
?display: none
, рекомендую попробовать другие способы, напримерposition: absolute; visibility: hidden
.resize: true
сделан не для полноэкранного режима, а для вписывания в колонки вёрстки. При этом плагин всегда следит, чтобы не вылезти за высоту экрана.Для полноэкранного режима воспользуйтесь АПИ, после инициализации Фоторамы напишите:
В опциях уберите
resize: true
,cropToFit
— по вкусу ;-)1) подключаете оба jquery и Фотораму;
2) в 1.7.1 и в fotorama.js делаете поиск с заменой jQuery → jQuery171 (регистр важен);
3) профит!
jsfiddle.net/artpolikarpov/JAw2t/
Вот пример попроще:
jsfiddle.net/artpolikarpov/uBmD5/
Штатного функционала для авто-проигрывания нет.
уличной магииCSS:Живой пример: http://jsfiddle.net/artpolikarpov/tLeD5/.