Galeri

Birden fazla görüntüyü bir araya getirerek bir galeri görünümü verir. Ayrıca her görüntüye açıklayıcı metin de ekleyebilirsiniz.

Basit galeri

<div class="gallery">
  <img width="300" height="200" src="example.jpg"/>
  <img width="300" height="200" src="example.jpg"/>
</div>

Bağlantılar içeren galeri

<div class="gallery">
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
</div>

Metin içeren galeri

<div class="gallery">
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figür 1</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figür 2</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figür 3</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figür 4</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figür 5</figcaption>
  </figure>
</div>