Bantuan:Galeri

 Seri Bantuan

Halaman bantuan ini merupakan panduan tentang bagaimana cara melakukan sesuatu di Wikipedia. Halaman ini menjelaskan secara jelas proses atau prosedur atas beberapa aspek dari berbagai norma dan praktik yang berlaku di Wikipedia. Halaman ini tidak termasuk salah satu kebijakan atau pedoman Wikipedia, karena belum didiskusikan secara menyeluruh oleh komunitas.

Sebelum Anda menggunakan bantuan ini, mohon baca kebijakan penggunaan galeri. Umumnya, galeri tidak dibuat karena masih ada cara lain untuk menempatkan gambar, yaitu ditambahkan dekat dengan teks sambil menjelaskan poin-poin penting.

Bagian dari seri tentang
Halaman Bantuan Wikipedia Bahasa Indonesia
Indeks Halaman Bantuan A Artikel pertama Anda Atur ulang kata sandi B Bagian Bahasa Arab Bahasa Jepang Berkas Bilah alat penyunting Bot Buku Buku/untuk ahli C CS1 errors CSS Cara membaca abjad Urdu Catatan kaki Convert messages D Daftar Daftar pantauan Disambiguasi Draf Dukungan multibahasa (Asia Timur) E F Fungsi parser G Galat CS1 Galeri Garis waktu Gaya Rujukan 1 Gaya Rujukan 2 H Halaman istimewa Halaman multikolom I IPA/Bahasa Arab IPA/Bahasa Belanda IPA/Bahasa Ceko IPA/Bahasa Hindi dan Urdu IPA/Bahasa Inggris IPA/Bahasa Inggris Kuno IPA/Bahasa Italia IPA/Bahasa Jepang IPA/Bahasa Jerman IPA/Bahasa Korea IPA/Bahasa Makedonia IPA/Bahasa Mandarin IPA/Bahasa Melayu IPA/Bahasa Nahuatl IPA/Bahasa Persia IPA/Bahasa Prancis IPA/Bahasa Punjabi IPA/Bahasa Serbo-Kroasia IPA/Bahasa Slovenia IPA/Bahasa Spanyol IPA/Bahasa Sunda IPA/Bahasa Tagalog IPA/Bahasa Tamil IPA/Bahasa Thai IPA/Bahasa Ukraina IPA/Bahasa Wales IPA/Bahasa Yunani IPA untuk bahasa Burma ISBN Ikhtisar kode markah wiki Ikhtisar kode markah wiki/Tabel Indeks Isi Isi/Cari Isi/Gambar dan media Isi/Informasi teknis Isi/Kebijakan dan pedoman Isi/Komunikasi Isi/Komunitas Wikipedia Isi/Melacak perubahan Isi/Memulai penggunaan Isi/Menjelajahi Wikipedia Isi/Menyunting Wikipedia Isi/Pengaturan akun Isi/Pranala dan rujukan Isi/Sumber dan daftar Isi/Templat/Bagian Isi/Templat/Judul Isi/cellstyle J Jangkar K KML Kalkulasi Karakter istimewa Kata ajaib Kategori Konflik penyuntingan Kontribusi pengguna Kotak info Kunci ejaan ulang pelafalan Kunci pintas L LaTeX Lihat pratayang M Media Membuat halaman baru Memperbaiki pranala sunting yang bertumpuk Menampilkan rumus Mencari gambar Mengarsipkan halaman pembicaraan Mengembalikan ke revisi sebelumnya Menggunakan kode HTML di Wikipedia Mengolah gambar Menyunting sebuah halaman N Nama halaman O P Pelepasan templat pemeliharaan Pelindungan Pencarian Pengalihan Pengantar gambar dengan VisualEditor/1 Pengantar gambar dengan VisualEditor/2 Pengantar gambar dengan VisualEditor/3 Pengantar gambar dengan VisualEditor/4 Pengantar gambar dengan VisualEditor/5 Pengantar gambar dengan VisualEditor/6 Pengantar gambar dengan VisualEditor/tabs Pengantar penyuntingan dengan VisualEditor/1 Pengantar penyuntingan dengan VisualEditor/2 Pengantar penyuntingan dengan VisualEditor/3 Pengantar penyuntingan dengan VisualEditor/4 Pengantar penyuntingan dengan VisualEditor/5 Pengantar penyuntingan dengan VisualEditor/6 Pengantar penyuntingan dengan VisualEditor/kuis kelayakan Pengantar penyuntingan dengan VisualEditor/tabs Pengawasan otoritas Penggabungan dan pemindahan Penggunaan warna Pengidentifikasi takson Pengucapan Pengucapan/Isi Pengunggahan Penyortiran Peralatan sitasi Perbedaan Perubahan terbaru Perubahan terkait Pesan sistem/Log Pesan sistem/Log/entri Pranala antarbahasa Pranala balik Pranala interwikimedia Pranala permanen Pranala pipa Preferensi Q R Ringkasan suntingan Riwayat penyuntingan Romanisasi Yale untuk bahasa Kanton Rujukan S Sembunyikan dan tampilkan Silsilah Sontekan Suntingan kecil T Tabel Tanda tangan Templat Transklusi Transwiki U URL Ungkapan bersyarat V Validasi halaman Variabel W Warna pranala Wikifikasi X Y Z Zeitgeist
Kategori Bantuan Wikipedia Dukungan multibahasa Wikipedia FAQ Wikipedia Bantuan gambar Wikipedia Konsensus Wikipedia Markah wiki Panduan Wikipedia Pedoman gaya Wikipedia Pelatihan opsis Ruang nama pengguna Program pembelajaran Wikipedia Bantuan teks Wikipedia
l b s

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

• 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

• 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

Ada beberapa mode galeri.

traditional:

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

<gallery>
DetroitPublishingCo.-AYeomanoftheGuard(N.B.actuallyaYeomanWarder),fullrestoration.jpg|1
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|2
Thurston,thefamousmagician-EastIndianRopeTrick.jpg|3
JosephFerdinandKeppler-ThePiratePublisher-PuckMagazine-RestorationbyAdamCuerden.jpg|4
</gallery>

Hasilnya:

• 
  1
• 
  2
• 
  3
• 
  4

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 <gallerymode=nolines> sehingga dihasilkan:

• 
  1
• 
  2
• 
  3
• 
  4

packed: Mengganti <gallery> ke <gallerymode=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.

• 
  1
• 
  2
• 
  3
• 
  4

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 <gallerymode=packed-overlay> untuk menampilkan takarir yang muncul di muka gambar pada bagian bawah. Kalimat dalam takarir diminta untuk tetap singkat.

• 
  1
• 
  2
• 
  3
• 
  4

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

• 
  Takarir akan
• 
  muncul saat Anda
• 
  mengarahkan tetikus
• 
  di atas gambar

Sintaksis tingkat lanjut

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

<gallerycaption="Contoh galeri"widths="180px"heights="120px">
Wiki.png
Wiki.png|Bertakarir
Wiki.png|Bertakarirdenganteksalternatif|alt=LogoWikipedia
Wiki.png|[[Bantuan:Isi/Pranala|Pranala]]dapatdigunakandalamtakarir.
Wiki.png|[[Sintaksis]][[MediaWiki]]<br/>bisadigunakan...
</gallery>

Yang menghasilkan

• Contoh galeri
• 
• 
  Bertakarir
• 
  Bertakarir dengan teks alternatif
• 
  Pranala dapat digunakan dalam takarir.
• 
  Sintaksis MediaWiki
  bisa digunakan...

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:

<gallerymode=packed>
DetroitPublishingCo.-AYeomanoftheGuard(N.B.actuallyaYeomanWarder),fullrestoration.jpg|AYeomanWarder,fromaVictorian-era[[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|TheOfficialprogramofthe1913WomanSuffrageProcessionheldinWashington,D.C.
Thurston,thefamousmagician-EastIndianRopeTrick.jpg|[[HowardThurston]]performingthe[[Indianropetrick]]
JosephFerdinandKeppler-ThePiratePublisher-PuckMagazine-RestorationbyAdamCuerden.jpg|"ThePiratePublisher",asatireofcopyrightinfringementfromthemagazine''[[Puck(magazine)|Puck]]''.
</gallery>

menghasilkan:

• 
  A Yeoman Warder, from a Victorian-era photochrom
• 
  The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
• 
  Howard Thurston performing the Indian rope trick
• 
  "The Pirate Publisher", a satire of copyright infringement from the magazine Puck.

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

<gallerymode=packedheights=200px>
DetroitPublishingCo.-AYeomanoftheGuard(N.B.actuallyaYeomanWarder),fullrestoration.jpg|AYeomanWarder,fromaVictorian-era[[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|TheOfficialprogramofthe1913WomanSuffrageProcessionheldinWashington,D.C.
Thurston,thefamousmagician-EastIndianRopeTrick.jpg|[[HowardThurston]]performingthe[[Indianropetrick]]
JosephFerdinandKeppler-ThePiratePublisher-PuckMagazine-RestorationbyAdamCuerden.jpg|"ThePiratePublisher",asatireofcopyrightinfringementfromthemagazine''[[Puck(magazine)|Puck]]''.
</gallery>

Hasilnya:

• 
  A Yeoman Warder, from a Victorian-era photochrom
• 
  The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
• 
  Howard Thurston performing the Indian rope trick
• 
  "The Pirate Publisher", a satire of copyright infringement from the magazine Puck.

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

Takarir

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

<gallerymode=packedheights=150pxstyle="text-align:left">
DetroitPublishingCo.-AYeomanoftheGuard(N.B.actuallyaYeomanWarder),fullrestoration.jpg|AYeomanWarder,fromaVictorian-era[[photochrom]]
Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|TheOfficialprogramofthe1913WomanSuffrageProcessionheldinWashington,D.C.
JosephFerdinandKeppler-ThePiratePublisher-PuckMagazine-RestorationbyAdamCuerden.jpg|"ThePiratePublisher",asatireofcopyrightinfringementfromthemagazine''[[Puck(magazine)|Puck]]''.
</gallery>

Hasilnya:

• 
  A Yeoman Warder, from a Victorian-era photochrom
• 
  The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
• 
  "The Pirate Publisher", a satire of copyright infringement from the magazine Puck.

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

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

Meratatengahkan galeri

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

• 
  1
• 
  2
• 
  3
• 
  4

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

MediaWiki memiliki dokumentasi berkaitan dengan: Help:Images#Rendering a gallery of images

• Wikipedia:Kebijakan penggunaan gambar
• m:Template:gallery (pranala balik sunting)
• mw:Help:Images#Rendering a gallery of images