画面いっぱいに表示される「フルスクリーン」フォトギャラリーの効果を実現したいと考えていますが、上に固定高さのコンテンツ、下にスクロールできるコンテンツも許可されています。
私はこれが少し抽象的なことを知っているので、ここに例があります:http: //pixelthemes.net/immersion/
- ブラウザウィンドウのサイズを変更する方法に注意してください。ただし、ほぼフルスクリーンのギャラリーはブラウザウィンドウの下部に「固定」され、スクロールバーを使用してその下にあるものを確認できます。
- ブラウザウィンドウのサイズを変更しても、上記の動作が一貫していることに注意してください
上記の例では、jqueryギャラリー「Supersized」を使用していますが、Galleriaを使用します(最新バージョンには、ギャラリーステージの動的なサイズ変更を可能にする「レスポンシブ」オプションがあります)。
もちろん、フルスクリーンギャラリーでは、常にトリミングが行われますが、これは私にとっては問題ではありません。
これは純粋なCSSでは不可能だと思いますが、既存のjqueryプラグインを使用してこれを実現するにはどうすればよいですか?
さらに良いことに、これはGalleria API(http://galleria.io/docs/api/methods/#display)を使用して実行できると感じていますが、正確な方法を理解するのに十分な経験がありません。