html - レイヤースライダー WP 100% の幅と高さ

Question

提供されたリンクのように、画像が水平方向と垂直方向の両方の中央にとどまるように、画像をフルスクリーンにする方法を教えてください。

http://css-tricks.com/examples/FullPageBackgroundImage/progressive.php

私は背景ビットの後にのみ、Wordpress のスライダーに使用しているため、例のように css に配置された div 内の画像が必要です。

Answer 1

LayerSlider を 100% の高さと幅で表示するには、[Slider Settings] の [Slider height] 属性を空白のままにして、次のようなスクリプトを使用して高さを設定します。

<script type="text/javascript"> 
    function resize()
    {
        var heights = window.innerHeight;
        document.getElementById("layerslider_1").style.height = heights + "px";
    }
    resize();
    window.onresize = function() {
        resize();
    };
</script>

body タグの終了前に、スクリプトを footer.php ファイルに挿入します。スライダー ID が 1 でない場合は、「layerslider_1」を正しい ID に変更します。

Answer 2

div 要素にスタイルを追加できます

<div style="background: url(images/xyz.jpg) no-repeat center center fixed;">...</div> 

サンプル ページから CSS を取得し、コピーして貼り付けました。