ポートフォリオサイトにgalleriajqueryプラグインを使用することにしました。私がそれを実装したい方法は、ロード時のクラシックテーマを使用することです。また、ブラウザを押すとフルスクリーンモードになり、ガレリアがフルスクリーンテーマに切り替わると、左上隅にあるボタンでクラシックテーマを拡張しました。フルスクリーンテーマには同じボタンがありますが、もう一度押すと、フルスクリーンモードから通常モードに戻り、サイトの残りの部分を表示するクラシックテーマにも戻ります。
満足のいく解決策が見つからないようです。これまでのところ、フルスクリーンになり、テーマが完全に変更されますが、ボタンをもう一度押すと、ページに戻り、致命的なエラーステージの高さでクラシックに切り替わります。構成オプションを多くの場所に配置しようとしましたが、loadthemeの後で実行されないようです。
これは私が今のところ立ち往生しているコードです:
var OptionsFullscreen = {
height: 1, //0.5625 16:9, 0.74 4:3 format
imageCrop: false,
idleSpeed: 100,
idleTime: 1000,
clicknext: true,
transition: 'fade'
};
var OptionsNormal = {
height: 0.5625, //0.5625 16:9, 0.74 4:3 format
imageCrop: false,
idleSpeed: 100,
idleTime: 1000,
clicknext: true,
transition: 'fade'
};
Galleria.loadTheme('js/themes/classic/galleria.classic.min.js');
Galleria.configure(OptionsNormal);
Galleria.run('#gallery', {
extend: function() {
var gallery = this;
// Add button for toggling fullscreen theme
this.addElement('fscr');
this.appendChild('stage','fscr');
var fscr = this.$('fscr')
.text('Fullscreen')
.click(function(e) {
e.preventDefault;
gallery.toggleFullscreen();
});
this.addIdleState(this.get('fscr'), { opacity:0 });
}
});
Galleria.ready(function() {
this.bind('fullscreen_enter', function() {
Galleria.loadTheme('js/themes/fullscreen/galleria.fullscreen.min.js');
});
this.bind('fullscreen_exit', function() {
Galleria.loadTheme('js/themes/classic/galleria.classic.min.js');
Galleria.configure(OptionsNormal);
});
});