2

ポートフォリオサイトに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);
});

});
4

0 に答える 0