Bantuan:Galeri

 Seri Bantuan
Selamat datang! Halaman ini memberikan bantuan mengenai hal yang sering ditanyakan di Wikipedia. Untuk memulai, silakan mengeklik pranala yang Anda butuhkan di bawah ini, atau gunakan fitur pencari yang tersedia.

Galeri gambar akan menampilkan gambar-gambar secara dijejer-jejer.

Galeri dapat menampilkan kumpulan gambar dalam tampilan baris dan kolom imenggunakan markah wiki <gallery>...</gallery>. Harap diingat bahwa mungkin penggunaan tag ini menyebabkan versi seluler tidak aksesibel bagi pembacanya.

Atribut dan nilainya

sunting
  • mode=
    • traditional Nilai bawaan.
    • nolines Tanpa kotak tepi, takarir rata tengah di bawah gambar.
    • packed Semua gambar rata kiri-kanan, dengan tinggi yang sama, takarir rata tengah di bawah gambar.
    • packed-overlay Mirip packed, tetapi takarir tumpang tindih di muka gambar, dalam sebuah kotak bening
    • packed-hover Mirip packed-overlay, tetapi takarir hanya bisa terlihat saat Anda mengarahkan kursornya di muka gambar.
    • slideshow Tayangan slide.
  • caption= Menambah takarir
  • widths= Lebar gambar dalam piksel (tidak ada efeknya jika mode diatur menjadi packed, packed-overlay, packed-hover, atau slideshow)
  • heights= Tinggi gambar dalam piksel (tidak ada efeknya jika mode diatur menjadi slideshow)
  • perrow= Jumlah gambar per baris (tidak ada efeknya jika mode diatur menjadi packed, packed-overlay, packed-hover, atau slideshow. Baca petunjuknya di bawah).
  • showfilename=yes Menampilkan nama berkas
  • class= Nama kelas yang dipisahkan menggunakan spasi dan dibatasi dengan tanda kutip ganda.
  • style= Kelas CSS yang dipisahkan menggunakan titik koma dan dibatasi dengan tanda kutip ganda.

Catatan

sunting
  • Penggunaan atribut perrow sangat dipertentangkan, karena dianggap tidak fleksibel dalam ukuran tampilan dan rasio aspek layar yang berbeda, mulai dari tampilan mini di seluler sampai "layar lebar" sekali pun. Namun, atribut ini dapat digunakan hanya bila ingin gridnya diatur sedemikian rupa. Misalnya, ukuran "rendah/sedang/tinggi", atau perbandingan gambar lainnya.
  • Jika perrow diabaikan lebar galeri akan fleksibel sesuai ukuran layar Anda, dan sangat direkomendasikan. Sebelum MediaWiki 1.17, nilai bawaannya adalah 4.
  • Lebar dan tinggi galeri gambar saat ini adalah 120px. Gambar yang ada dalam tag <Gallery>...</Gallery> tidak patuh terhadap preferensi tampilan pengguna.
  • Mode packed akan secara otomatis mengatur ukuran gambar sampai tinggi optimum dengan ukuran layar.
  • Satu baris hanya diisi satu gambar. Tidak wajib menambahkan awalan Berkas:
  • Parameter "jmpl" atau "thumb" dianggap tidak sah (sehingga tidak menghasilkan perubahan apapun).
  • Takarir dipisahkan dengan nama berkasnya menggunakan tanda vertikal ("|").
  • Kurung siku ("[" atau "]") hanya digunakan untuk takarir dengan pranala wiki.
  • Jangan lupa, tutup galeri dengan tag </gallery>.
  • Perhatikan bahwa banyak parameter, khususnya yang berkaitan dengan tampilan, ada yang tidak dapat digunakan sesuai harapan pada kulit tertentu (terutama Minerva yang digunakan oleh situs seluler).

Sintaksis

sunting

Ada beberapa mode galeri.

traditional:

Mode "tradisional", merupakan nilai bawaan dan tidak perlu diatur lebih lanjut. Sintaksisnya adalah:

<gallery>
Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|1
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|2
Thurston, the famous magician - East Indian Rope Trick.jpg|3
Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|4
</gallery>

Hasilnya:

Jika Anda ingin "memaksa" agar mode galeri bawaan seperti ini, boleh menambahkan "mode=traditional".

nolines:

Dengan mengganti parameter mode menjadi "noline", kotak yang melingkupi gambar-gambar tersebut akan dihilangkan. Gunakan sintaksis yang sama, tetapi ganti <gallery> dengan <gallery mode=nolines> sehingga dihasilkan:

packed: Mengganti <gallery> ke <gallery mode=packed> akan menghasilkan galeri rata tengah, dengan ruang antara yang lebih sempit (bergantung tinggi dan lebar gambar), seperti yang muncul di bawah ini. Hal ini akan memperbesar sejumlah gambar yang sebelumnya lebih kecil.

Untuk takarir yang terlalu panjang, sangat disarankan menambahkan parameter heights= agar gambarnya dapat tampil lebih besar, karena ukuran bawaannya yang lebih kecil, justru menyebabkan penataan gambar menjadi kurang bagus. Lihat di bawah.

packed-overlay:

Gunakan <gallery mode=packed-overlay> untuk menampilkan takarir yang muncul di muka gambar pada bagian bawah. Kalimat dalam takarir diminta untuk tetap singkat.

packed-hover: Gunakan <gallery mode=packed-hover>. Arahkan tetikus Anda di atas gambar untuk menampilkan takarir: Catatan: di versi seluler akan tampil seperti packed-overlay.

Sintaksis tingkat lanjut

sunting

Di samping "mode", sintaksis lanjutannya adalah (lihat bantuan tag galeri serta daftar lengkap parameternya di sini):

<gallery caption="Contoh galeri" widths="180px" heights="120px" >
Wiki.png
Wiki.png|Bertakarir
Wiki.png|Bertakarir dengan teks alternatif|alt=Logo Wikipedia
Wiki.png|[[Bantuan:Isi/Pranala|Pranala]] dapat digunakan dalam takarir.
Wiki.png|[[Sintaksis]] [[MediaWiki]]<br/>bisa digunakan...
</gallery>

Yang menghasilkan

Parameter widths= dan perrow= tidak akan muncul dalam mode packed, packed-overlay, atau packed-hover.

Namun, parameter heights= masih berguna untuk mode tersebut. Hanya saja, parameter itu menentukan tinggi awal setiap keluku gambar, sebelum gambarnya dibesarkan secara otomatis oleh JavaScript untuk mengisi barisnya; bila diperlukan JavaScript akan mengkueri peladen gambar untuk menghasilkan keluku yang diskalakan ulang antara 100% (tinggi awal) hingga 125%. Hal ini akan menghasilkan galeri yang nyaman dibaca dan dapat mengisi halaman saat rasio ukurannya tidak persis sama dan mengizinkan area yang lebih fleksibel untuk muncul di versi seluler dan laptop/desktop/layar televisi, dan juga format cetak. (Mode ini juga memungkinkan galeri yang dapat digulir secara horizontal dengan menyematkannya dalam wadah besar di dalam wadah yang dapat digulir berukuran agar sesuai dengan lebar halaman ).

Contohnya:

<gallery mode=packed>
Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era [[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
Thurston, the famous magician - East Indian Rope Trick.jpg|[[Howard Thurston]] performing the [[Indian rope trick]]
Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|"The Pirate Publisher", a satire of copyright infringement from the magazine ''[[Puck (magazine)|Puck]]''.
</gallery>

menghasilkan:

Lihatlah, bahwa sempitnya gambar membuat takarirnya terdistorsi. Cara mengatasinya adalah dengan parameter heights=.

<gallery mode=packed heights=200px>
Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era [[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
Thurston, the famous magician - East Indian Rope Trick.jpg|[[Howard Thurston]] performing the [[Indian rope trick]]
Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|"The Pirate Publisher", a satire of copyright infringement from the magazine ''[[Puck (magazine)|Puck]]''.
</gallery>

Hasilnya:

Penggunakan mode packed disarankan agar takarir untuk gambar potret (bukan lanskap) dan sempit tetap dapat dibuat secara singkat.

Takarir

sunting

Kecuali traditional, takarir adalah rata tengah terhadap gambar. Untuk memaksa rata kiri, gunakan sintaksis CSS text-align:left dalam atribut style=:

<gallery mode=packed heights=150px style="text-align:left">
Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era [[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|"The Pirate Publisher", a satire of copyright infringement from the magazine ''[[Puck (magazine)|Puck]]''.
</gallery>

Hasilnya:

Untuk meratatengahkan takarir saat pilihan lainnya tidak efektif, alternatif lainnya bisa dicoba:

gambarmu.jpg | <div style="text-align: center;">takarirmu</div>

Meratatengahkan galeri

sunting

Gunakan class="center":

<gallery class="center">
Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|1
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|2
Thurston, the famous magician - East Indian Rope Trick.jpg|3
Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|4
</gallery>

Hasilnya

Atribut perrow tidak akan bekerja. Bila Anda menginginkan jumlah gambar tertentu per baris, buat elemen <gallery> secara terpisah. Rata tengah adalah bawaan untuk banyak variasi mode galeri.

Lihat pula

sunting