メディア・画像
比較グリッド
タイル表示された画像をタップすると1枚だけ拡大され他が縮小する。再タップで元の均等グリッドに戻る。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="ig-root" id="igRoot">
<!-- <img src="..." alt="..."> を .ig-item 内に置き換えて使う -->
<div class="ig-item" data-label="Scene A" style="background:linear-gradient(135deg,#2b50c7,#5a7bff)">
<span class="ig-label">Scene A</span>
</div>
<div class="ig-item" data-label="Scene B" style="background:linear-gradient(135deg,#e86c4d,#f5a623)">
<span class="ig-label">Scene B</span>
</div>
<div class="ig-item" data-label="Scene C" style="background:linear-gradient(135deg,#2dc793,#2b50c7)">
<span class="ig-label">Scene C</span>
</div>
</div>
<p class="ig-hint">タップで拡大 / 再タップで戻る</p>