働く若者
働く若者
働く若者
ロゴ画像

画像の出し分け

スライド、カルーセルのHTMLソースを以下のように記述して画面幅によって画像を出し分けている。
どの画像を使うかはブラウザが判断する。

<img 
  srcset="https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2ss.jpg 400w,
          https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2s.jpg 640w,
          https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2.jpg 1280w"
  src="https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2ss.jpg" alt="働く若者">

新着情報

VK Blocks Pro
アイコンメニュー 横並び・縦並び (VK パターンライブラリ)
カスタマイズ
商品画像を使用したメガメニューのカスタマイズ事例③
WordPress
画像とテキストを左右に並べてレイアウトするやり方の比較
カスタマイズ
商品画像を横並びで配置したカスタマイズ事例
商品画像を使用したメガメニューのカスタマイズ事例②
カスタマイズ
商品画像を2列に配置したカスタマイズ事例
商品画像を使用したメガメニューのカスタマイズ事例①
カスタマイズ
開催日を過ぎたイベントを自動的に削除するカスタマイズ

カルーセル

働く若者
働く若者
働く若者
働く若者
働く若者
働く若者