Webパーツ辞典

画像・メディア

写真や動画まわりの部品。サムネイル・カルーセル・ライトボックス・アスペクト比ボックスなど。

  • サムネイルThumbnail

    中身を小さく縮めて見せる画像。一覧の中で、どれがどれかを見分ける手がかりになる。

    • 画像
    • 一覧

  • カルーセルCarousel

    複数の画像を同じ場所で順に切り替えて見せる部品。回転木馬（carousel）が名前の由来。

    • 画像
    • 切り替え

  • ギャラリーGallery

    画像を格子状に並べて見せる表示。押すと大きく開く形にすることが多い。

    • 画像
    • 一覧

  • ライトボックスLightbox

    サムネイルを押すと、暗い背景の上に画像を大きく表示する仕掛け。

    • 画像
    • 重ね

  • 動画プレイヤーVideo player

    動画を再生し、再生・停止・音量・シークを操作できる部品。

    • メディア

  • アスペクト比ボックスAspect ratio box

    幅が変わっても縦横の比を保つ枠。画像や動画の読み込み前から場所を確保しておける。

    • レイアウト
    • 画像

  • パララックスParallax

    スクロールに合わせて、背景と前景を違う速さで動かす演出。奥行きがあるように見せる。

    • 演出

  • ビフォーアフタースライダーBefore/after slider

    加工前と加工後の2枚の画像をぴったり重ね、縦の境目のつまみを左右に動かすと、片側が前・もう片側が後の画像に切り替わって見比べられる部品。

    • 画像
    • 比較

見分け方