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

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

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

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

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

https://gist.github.com/marushu/8f6229f1f133a61c3cab

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

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