レスポンシブなスライダーがありがたいFlexSlider 2。
これをフルスクリーンに変更する方法です。
…というか、最初っからFull Screen Flexslider のように作っておけば良いんですが、既にあるサイト(もしくは作っちゃった後)でどうにかしたくなっちゃった場合を想定してます…^^;
imgタグのsrc属性を親のliの背景画像にセットする
だけです。
他には、画面の高さを取得する必要がありますが、置き換え部分は以下です。
https://gist.github.com/marushu/8f6229f1f133a61c3cab
スライダーのそれぞれの画像のsrcを親のli要素の背景画像にして、background-sizeをcoverにセットする感じです。
セットが終わったら、imgタグを削除 🙂
Visited 1 times, 1 visit(s) today
WordPress REST API を使ってレーダーチャートを作ってみた
【希少!】A/C ファンモーターブラシスプリングリペア済み! (Golf Mk1 Cabriolet 1990 ~ 1993)