FlexSlider

既にあるFlexSliderをフルスクリーンに変更

レスポンシブなスライダーがありがたいFlexSlider 2
これをフルスクリーンに変更する方法です。

…というか、最初っからFull Screen Flexslider のように作っておけば良いんですが、既にあるサイト(もしくは作っちゃった後)でどうにかしたくなっちゃった場合を想定してます…^^;

imgタグのsrc属性を親のliの背景画像にセットする

だけです。
他には、画面の高さを取得する必要がありますが、置き換え部分は以下です。

スライダーのそれぞれの画像のsrcを親のli要素の背景画像にして、background-sizeをcoverにセットする感じです。

セットが終わったら、imgタグを削除 🙂