レスポンシブWEBでのスライダー

mobile

 

レスポンシブWEBで設置する上部スライダーイメージ写真的な物なら写真のトリミングで幅と高さのバランスが変化しても問題ありませんが表示内容で画面全体が表示されないと行けない場合

PCサイズを優先すると・・・スマホで見ると高さが細くなりすぎる。

スマホサイズを優先すると・・・PCで見ると馬鹿にでかくなる。

そんな問題をかかえつついろいろ試してみました。そこで発見したのが、jQueryを利用した「Slider Pro」

PC用の画像とスマホ用の画像を切り替えてスライダーにしてくれる強者。いろいろと設定をいじりまわりようやく理想通りの表示となりました。

JAVAやCSSをいじって思い通りになると面白い!自社サイトはよき実験の場です!暇をみつけていじって行こう!

「Slider Pro」