レスポンシブデザイン用のパーツ


画像拡大のギャラリー


自由記入欄で特定の画面幅の場合にだけ表示するクラス指定

480px以下で表示: visible_device_ss

480〜639pxで表示: visible_device_s

640〜839pxで表示: visible_device_m

840〜999pxで表示: visible_device_l

1000〜1219pxで表示: visible_device_xl

1220px以上で表示: visible_device_xxl

visible_device_ss: ウィンドウ幅が480pxより小さい場合にのみ表示
visible_device_s: ウィンドウ幅が480〜639pxの場合に表示
visible_device_m: ウィンドウ幅が640〜839pxの場合に表示
visible_device_l: ウィンドウ幅が840〜999pxの場合に表示
visible_device_xl: ウィンドウ幅が1000〜1219pxの場合に表示
visible_device_xxl: ウィンドウ幅が1200px以上の場合に表示

複数のクラス名を同時指定して表示範囲拡大

visible_device_ss visible_device_s: ウィンドウ幅が640pxより小さい場合にのみ表示
visible_device_m visible_device_l: ウィンドウ幅が640〜999pxの場合に表示
visible_device_xl visible_device_xxl: ウィンドウ幅が1000以上場合に表示
visible_device_l visible_device_xl visible_device_xxl: 幅840px以上の場合にだけ表示されます

画面幅が広い場合には自動的に開く開閉パーツ




画像の遅延読み込み


画面幅に応じて列数が変わるスライド (レスポンシブ対応スライダー)


幅100%で1枚の画像をスライド (トップ画像と同じ状態)