User:Xbspiro/Picture tutorial
A Wikipédiából, a szabad lexikonból.
Ezen az oldalon arról olvashatsz, hogy miként lehetséges képeket beilleszteni a Wikipédia oldalaira és formázni azokat a HTML és a wiki jelölőnyelv segítségével. Újonnan szerzett ismereteidet éles alkalmazásuk előtt próbáld ki az erre a célra kialakított gyakorlófelületen, az úgynevezett Homokozóban! Az itt meg nem válaszolt illetve a témával kapcsolatos kérdéseidet felteheted ezen oldal vitalapján vagy - ha gyorsabb válaszra van szükséged - a műszaki kocsmafalon.
-
-

Ez az oldal csak egy technikai útmutató. Vedd figyelembe, hogy nem minden ajánlott, ami technikailag megvalósítható!
A képek elfogadott felhasználásáról a Képhasználati irányelvek, a feltöltések mikéntjéről pedig a Felküldési útmutató alatt találhatsz útmutatást.
Az egyes nyelvi verziók illetve a Commons irányelvei különbözhetnek a magyarban alkalmazottól.
-
[szerkesztés] A képek elérhetőségéről
A Magyar Wikipédiában csak a magyar verzió alá vagy a Commons katalógusba feltöltött képek jeleníthetőek meg. (Ez értelemszerűen igaz a többi nyelvi verzióra is.) A magyar és a commonsbeli ábrák megjelenítéséhez ugyanazt a parancsot használjuk.
Ha ugyanolyan névvel szerepel egy állomány a Wikipédiában és egy a Commonsban, akkor csak a wikipédiabeli jeleníthető meg.
A képekre a nevükkel hivatkozunk. A képnév kis- és nagybetű érzékeny.
[szerkesztés] A képmegjelenítő parancs
A wiki jelölőnyelv egy külön utasítást tartalmaz a képek megjelenítésére; ennek felépítése:
-
- [[Kép:képnév|keretezés|elhelyezés|méret|szöveg]]
Egy kép beszúrásához elengedő csak a [[Kép:képnév]] parancs használata. A többi paraméter csak formázásra szolgál és sorrendjük tetszőleges (kivétel a szöveg, lásd később). A képnevet a paraméterektől illetve paramétereket egymástól a | jellel kell elválasztani (magyar billentyűzet-kiosztáson az Alt Gr + W kombinációval érhető el).
A parancs használatát leljebb szemléltető példákon mutatjuk be; az alkalmazott formulát minden esetben külön kiemeltük. Ahol szükséges volt érzékeltetni a kép és a szöveg viszonyát a paramétrek megváltoztatása esetén, ott a példaábrát a Lorem ipsum néven ismert tipogárfiai példaszövegben helyeztük el; ezt a töltelékszöveget külön színnel jelöltük, hogy könnyebb legyen megkülönböztetni a hasznos információktól. A képmegjelenítésért felelő parancs helyét a példaszövegekben a két csillag jelöli: a kettő közé tettük azt be.
[szerkesztés] Egyszerű beillesztés
Az egyszerűen, formázás nélkül beszúrt kép eredeti méretében, keret és képaláírás nélkül kerül a lapra. Ha szövegbe ágyazzuk, akkor közvetlenül azon szó után jelenik meg, ahova a megjelenítő parancsot is beírtuk; a szöveg nem futja körbe a képet (vagyis szétnyomja a sorokat, csak az adott sor jelenik mellette). Példa:
[[Kép:Wikipedesketch1.png]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. *
* Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.
[szerkesztés] A kép beágyazása
A beágyazással határozzuk meg a kép helyzetét az oldalon és egyben a szöveg elrendezését is annak környezetében.
A megjelenítő utasítás beágyazásért felelős paraméterei:
-
- left: a kép balra igazítva jelenik meg, a tömböződő szöveg a jobb oldalról körbefutja;
- right: a kép jobbra igazítva jelenik meg, a tömböződő szöveg a bal oldalról körbefutja;
- center: a középre igazított kép szétválasztja a szöveget egy felső és egy alsó részre, a kép melletti terület üres lesz;
- none: a kép a bal oldalon jelenik meg és szétválasztja a szöveget egy felső és egy alsó részre, a kép melletti terület üres lesz.
Ha a parancsban egynél több igazításra vonatkozó paraméter van, akkor a legutolsó szerint jelenik meg a kép.
[szerkesztés] Példa: balra igazítás
[[Kép:Wikipedesketch1.png|left]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: jobbra igazítás
[[Kép:Wikipedesketch1.png|right]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: középre igazítás
[[Kép:Wikipedesketch1.png|center]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: nincs beágyazás
[[Kép:Wikipedesketch1.png|none]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: több beágyazási paraméter
[[Image:Wikipedesketch1.png|right|center|none|left]]
[szerkesztés] A kép méretezése
A méretezés lehetővé teszi, hogy a képet a megfelelő méretében láttassuk oldalarányainak megtartásával. Az itt használt mértékegység a pixel (magyarul képpont, rövidítése: px).
Alapvetően két méretmegadási mód lehetséges:
-
- 100px: a kép szélességét határozzuk meg (itt 100px);
- 100x200px: a kép maximális szélességét illetve magasságát állítjuk be (itt max. 100px * max. 200px).
Utóbbi esetben azt a legnagyobb lehetséges méretet veszi fel az ábra, amely méret - az oldalarányok megtartásával - még mindkét feltételnek megfelel.
Ha a parancsban egynél több méretre vonatkozó paraméter van, akkor a legutolsó szerint jelenik meg a kép.
[szerkesztés] Példa: a szélesség megadásával
[[Image:Wikipedesketch1.png|100px]]
[[Image:Wikipedesketch1.png|500px]]
[szerkesztés] Példa: a maximális szélesség illetve magasság megadásával
[[Image:Wikipedesketch1.png|100x500px]]
[szerkesztés] Példa: több méretparaméter
[[Image:Wikipedesketch1.png|200px|100px]]
[szerkesztés] A kép keretezése
Keret képzésére a frame paraméter való. Ha nincs megadva beágyazó paraméter, akkor a kép automatikusan jobbra igazodik.
[szerkesztés] Példa: alapértelmezett keretes kép
[[Kép:Wikipedesketch1.png|frame]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: keretes kép beágyazási paraméterrel
[[Kép:Wikipedesketch1.png|none|frame]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
[szerkesztés] Megjelenítés mintaképként
A mintakép a kép egy kisebb változata, amolyan előnézet vagy ikon. Paramétere a thumb vagy a thumbnail. Tulajdonságai:
- alapesetben 180px széles (méretező paraméterrel megváltoztatható);
- eredetitiől eltérő méretét egy ikon jelöli a kép jobb alsó sarkánál;
- jobbra igazodik (beágyazással megváltoztatható);
- keretes.
A képek mintája nem lehet nagyobb az ábra eredeti méreteinél. Ha az eredeti kép kisebb mint 180px, akkor alapértelmezésben eredeti méretében jelenik meg. A mintakép a méretező paraméter használtalával sem állítható nagyobb méretűre, mint az eredeti.
[szerkesztés] Példa: alapértelmezett mintakép
[[Kép:Wikipedesketch1.png|thumb]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: mintakép méretmeghatározással
[[Kép:Wikipedesketch1.png|thumb|100px]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.
Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.
[szerkesztés] Példa: mintakép beágyazó paraméterrel
[[Kép:Wikipedesketch1.png|thumb|none]]
Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *
* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.
[szerkesztés] Kísérő szöveg megadása
A csatolt kísérő szöveg támpontot ad a kép értelmezéséhez; megadása egyértelmű ábránál is ajánlott, hiszen ha az ábra valamiért nem látható, azt a szöveg helyettesíti. Ez elsősorban a szöveges böngészők és a felolvasó programok felhasználói számára fontos.
Grafikus böngészőkben a szöveg minden képnél megjelenik elemleírásként, illetve a keretezett- vagy mintaképek esetén képaláírásként is. Bizonyos esetekben a grafikus böngészők is csak a kísérő szöveget írják ki, például ha a kép még nem töltődött le vagy a képek megjelenítése ki van kapcsolva.
A kísérő szöveget a parancs utolsó paramétereként lehet megadni; ha nincs meghatározva, az automatikusan a képnév lesz.
A kísérő szöveg a normál szövegekhez hasonlóan formázható illetve linkek is elhelyezhetők benne.
[szerkesztés] Példa: kép kísérő szöveg nélkül
[[Kép:Wikipedesketch1.png|none]]
[szerkesztés] Példa: kép kísérő szöveggel
Tipp: vidd az egérkurzort a kép fölé, hogy az elemleírás megjelenjen!
[[Kép:Wikipedesketch1.png|none|Most a kép kísérő szövegét olvasod!]]
[szerkesztés] Példa: képaláírás (keretes kép)
[[Kép:Wikipedesketch1.png|frame|none|Most a kép kísérő szövegét olvasod!]]
[szerkesztés] Példa: képaláírás (mintakép)
[[Kép:Wikipedesketch1.png|thumb|none|Most a kép kísérő szövegét olvasod!]]
[szerkesztés] Példa: link a kísérő szövegben (mintakép)
[[Kép:Wikipedesketch1.png|thumb|none|Most a kép [[Wikipédia:Képek kísérő szövege|kísérő szöveg]]ét olvasod!]]
[szerkesztés] Példa: formázott kísérő szöveg (mintakép)
[[Kép:Wikipedesketch1.png|thumb|none|<center>Ez a <font color="green">zöld bogár</font> <font color="red">rálépett</font> a könyv sarkára!</center>]]
[szerkesztés] Linkelés a képekre
Linkeléskor a képet nem illesztjük a szövegbe, csak egy rámutató szöveget helyezünk el benne. Linkelhetünk magára a képre illetve kép adatlapjára is, legyen az akár a Commonsban, akár bármely wikipédiában; a névütközés sem probléma. Lehetőség van a wikipédiákra illetve a Commonsba fel nem töltött, külső oldalon elérhető képekre linkelni is. Részletesebb leírásért lásd: Hogyan szerkessz lapokat? - Linkek, URL-ek, képek.
[szerkesztés] Közvetlen linkelés egy képre
A linkre kattintva a kép eredeti méretében jelenik meg egy üres oldalon.
A parancs felépítése: [[Média:képnév|szöveg]].
[[Média:Wikipedesketch1.png]]
[[Média:Wikipedesketch1.png|zöld bogár]]
[szerkesztés] Linkelés egy kép adatlapjára
A parancs felépítése: [[:Kép:képnév|szöveg]].
[[:Kép:Wikipedesketch1.png]]
[[:Kép:Wikipedesketch1.png|zöld bogár]]
[szerkesztés] Linkelés más nyelvű wikipédiák és a Commons képeire
A többi wikipédiában levő képekre hasonlóan hivatkozunk, mint azok szócikkeire. A linkben a nyelvi verziót annak két- vagy hárombetűs kódja azonosítja (például az angolt az en, míg a németet a de). A Kép illetve a Média jelzők helyén annak adott nyelvi megfelelője áll (így például a kép helyett angolban az Image, a németben pedig a Bild). A Commons azonosítója a commons, és az angol nyelvi megfelelőket használja. A parancs felépítése:
-
- [[:nyelvkód:mód:képnév|szöveg]].
[[:en:Image:Houses.of.parliament.overall.arp.jpg|A brit parlament épülete]]
[[:de:Bild:Berlin Dom 2005.jpg|A berlini dóm]]
[[:commons:Image:BlankMap-World gray.svg|Világtérkép]]
[szerkesztés] Hivatkozás külső képekre
A parancs felépítése: [URL-cím szöveg].
[http://upload.wikimedia.org/wikipedia/hu/9/9d/Kvár_SztMihály.jpg]
[http://upload.wikimedia.org/wikipedia/hu/9/9d/Kvár_SztMihály.jpg A kolozsvári Szent Mihály-templom]
A kolozsvári Szent Mihály-templom
Also under files in special:preferences you can set the size limit of images shown on image description pages. By default, if either the width or the height exceeds 800px or 600px respectively, then the image is reduced in size until it fits within those dimensions. You can choose from sizes of 320x240px, 640x480px, 800x600px, 1024x768px, 1280x1024px, or 10000x10000px. The last will effectively display all images at 100% resolution.
[szerkesztés] Using images
To incorporate your image in an article you need to use the image markup. As an example in its simplest form, to reproduce the image at the top of this page you need to insert the following text into an article:
[[Image:Example.jpg|thumb|right|Example image caption.]]
Where the image is called Example.jpg. Using "thumb" forces the creation of a thumbnail and you should replace "Example image caption" with a suitable caption.
It gets a bit more complex than this — see Wikipedia:Extended image syntax — but the vast majority of images should be displayed in the above format.
Images on external sites can no longer be linked inline due to several reasons:
- inline linking to images on other sites is often considered "leeching" and is thus rude
- allowing online image linking makes it easier for vandals to post images from shock sites
- external images are often unreliable and may sometimes be removed by the webmasters
Instead, to place an image on Wikipedia, you will need to upload it.
[szerkesztés] Forced image size
Sablon:H:new
[szerkesztés] Image choice and placement
Beyond the basics of copyright and markup, editors face choices of image selection and placement. Some editors maintain that photographs are preferable to paintings and sketches. Notable exceptions exist. Bird identification guides have traditionally used sketches. Other editors dispute giving any preference to photographs.
Articles that use more than one image should present a variety of material near relevant text. Three uniformed portraits would be redundant for a biography of a famous general. A map of a battle and a picture of its aftermath would provide more information to readers.
Images should be large enough to reveal relevant detail without overwhelming the surrounding article text. Similar types of images within an article often look appealing if they appear as the same pixel size.
[szerkesztés] Pertinence and encyclopedicity
Images must be relevant to the article they appear in and be of sufficient notability (relative to the article's topic). Their origin must be properly referenced. In the case of an image not directly attributed to its creator (e.g. in the case of reproduction of ancient artwork or artefacts), it is not sufficient to merely indicate the image's immediate source (such as an URL), but the identity of the image's content (author, manuscript, museum id) must be given (see also Wikipedia:Reliable sources). Images that aren't properly identified (e.g. images with descriptions such as "a cuneiform tablet", "a medieval manuscript" etc.) are unencyclopedic and hence not useful for Wikipedia.
Wikipedia:Galleries
Galleries are pages which contain large numbers of media content -- almost always, images -- with little or no supporting text. Large numbers of galleries have been deleted from Wikipedia per WP:NOT. This is usually cited in this context as WP:NOT an image gallery; however there is no policy or guideline by that name. In fact, there are many galleries on Wikipedia, even in main article namespace. This page defines how, when, and where galleries should and should not be used.
♦ Image:Tennesseeaquarium.JPG
[szerkesztés] Terms
Graphic illustration of terms used on this page.
♦ Image:Galleries-terms.png
Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def Sablon:Def
[szerkesztés] Policy
Galleries are generally discouraged. There are however many good galleries. No bright-line rule forbids any type of gallery; instead costs and benefits of each gallery must be balanced. To this balance are added some commonsense guidelines.
[szerkesztés] Mainspace galleries
- Mainspace gallery pages must be titled (e.g.) Gallery of the Kings and Queens of Great Britain. A single gallery section within an article should be titled Gallery. Few articles should have more than one gallery section.
- To be of benefit to the general reader, a mainspace gallery must meet a minimum standard of general interest. A rough gauge of this standard is the number of backlinks for a given gallery. Galleries with few backlinks are presumed to be of narrow interest; those with none are certainly so. Inlinks weigh much more heavily than other backlinks.
- A short introduction to a gallery is expected. Do not just dump the thumbs on the reader; explain in some detail why they are grouped together.
- Mainspace galleries must contain a predominance of images that are individually worthy of inclusion in mainspace. Grouping a large number of orphaned images into a gallery does not keep them from being orphans; nor does this make a good namespace gallery.
- A caption must attach to every image in a mainspace gallery. At minimum, this must link to the image page and name the image. A short description of the image is strongly encouraged, such as the date, time of day or year, portion of the subject shown, or (for derivative works) original creator. Names should distinguish one image from the next, supplying an indirect rationale for inclusion in the given gallery.
- Images of poor quality, perhaps uploaded only to support the work of editors on an article, should not be included in a mainspace gallery.
- The gallery tag format is discouraged in mainspace in favor of better-looking, more flexible formats. Regardless of format, no gallery should be excessive in size -- either in overall number of images or in pixel width. Large galleries should be broken into smaller galleries, each indexed at a master page. (Indexed, not transcluded!)
- Categorize all gallery pages in Category:Image galleries or its subcategories.
[szerkesztés] Userspace galleries
- Userspace galleries are generally permitted. Typical uses are to organize material for your current work on articles, to showcase a collection of barnstars or other Wikipedia-related awards or to help other editors to understand with whom they're working.
- Images should not be uploaded merely to fill a userspace gallery. Images appearing only within a userspace gallery are presumed to have been uploaded for private amusement and are subject to deletion as orphans. This is a rebuttable presumption (If they can be legitimately used in articels, they may be).
- Userspace galleries must never be linked from mainspace.
- It is possible to misuse a userspace gallery. (WP:BEANS.) Any such misuse, besides subjecting the misuser to sanctions under other policies, subjects the gallery in question to the possibility of deletion.
- Like other user page content, userspace galleries are subject to both the letter and spirit of Wikipedia's user page guideline. In particular, user pages are not personal home pages nor is Wikipedia a free host, webspace provider, communal image-sharing service or social networking site.
- Finally, all images must not have copyright problems. Note that only completely "free" pictures can be directly displayed, others must be linked to.
[szerkesztés] Projectspace galleries
- Projectspace galleries are encouraged. A typical use is to group all images related to a project in one place, for reference. Another is to provide a pool of images from which any may be chosen to illustrate an article.
- These tools for the editing process must include a caption for each image, consisting at minimum of a link to the image page. The text of the link must be visible. (Don't pipe out the filename with alternate text.)
- Projectspace galleries must never be linked from mainspace.
[szerkesztés] Costs
Costs associated with galleries are small but significant. These must be balanced against benefits to determine if a gallery is permitted.
- Uploaded images are not served to browsers of a gallery. Instead, the engine creates new image files at a reduced size. These must either be taken from cache or newly generated for every image in every gallery when viewed. For large galleries, this can be a fairly large performance hit.
- All images take up a certain amount of storage. This cost is generally minimal in dollar terms but very large in comparison to text. For example, Shedd Aquarium is a 1.3 Mb file. This is roughly equivalent to 650 double-spaced typewritten pages or 20-40 pages of Wikipedia HTML. Images appearing only in galleries incur this cost as well.
- Readers who attempt to load a gallery may become frustrated. Although each thumb is fairly small, the large number of HTTP requests tends to make for a very slow load. Also, consider that each thumb's file size is roughly that of an entire HTML page of text.
- Galleries in mainspace are indexed just like articles; therefore, Random article may take a reader to one. Thus, like all mainspace pages, it's important that galleries uphold a minimum standard of quality lest the overall image of Wikipedia be degraded.
- Due to technical limitations and bugs, the engine may not create good thumbs for all media files.
[szerkesztés] Benefits
Benefits of galleries are disputed. There is general agreement that some galleries contribute important quality to the project but many do not. These benefits must be balanced against costs to determine if a gallery is warranted.
- Some topics are best illustrated by a gallery. As always, the best definition of a thing is the thing itself. Sometimes, one or even three images is not enough.
- Sometimes a gallery is a useful index into a large number of related articles. To claim this benefit, of course, each image in the gallery must link to a related article.
- The whole may be more than the sum of its parts. Occasionally, simply grouping a number of images together may reveal something of value to the reader, even if that value cannot be put into words. Common themes may unexpectedly appear -- or expected themes fail to materialize.
- Projectspace galleries can be important tools, even if some images are never used outside of the gallery.
- Userspace galleries, like much userspace content, form part of the social glue that binds our community.
[szerkesztés] Good galleries
These galleries may not yet conform to all the standards outlined here but they represent the type of gallery our community has found useful.
- Gallery of sovereign-state flags: Short introduction, good layout, each caption links to related article. All images in the gallery appear elsewhere in mainspace; some frequently. There are many backlinks and some inlinks. An average reader might happen upon a flag illustrated elsewhere, perhaps on a highway billboard, and resort to this gallery to identify it.
- Gallery of the Kings and Queens of Great Britain: Short introduction places gallery in context. Each caption links to related article and gives dates of reign. Monarchs are organized by date and sorted into houses. One shortcoming is that there are few backlinks and no inlinks. An average reader might well come across an uncaptioned photo of a royal in some odd publication and wish to identify him; this serves such a purpose.
[szerkesztés] Methods
Some methods of creating galleries are listed for the benefit of the editor.
[szerkesztés] Formats
- The quickest way to create a gallery is with the gallery tag,
<gallery>. This is, like most easy solutions, not the best. This is generally suitable for only the most basic galleries.
- A fast way to create an automatic gallery of a set of images is to tag each one with a Category. Category pages, like any other, can be edited to add useful text and may themselves be categorized. The automatic gallery (similar to those made with the gallery tag) cannot be edited, styled, or even copied out.
- Tables may be used to great advantage. A simple table uses one cell per image, with its caption in the same cell. A more advanced table uses alternating rows of cells of images and captions. The thumb size can be adjusted and, depending on the size and number of thumbs, the overall width of the table can be adjusted for a good fit to the page. For a moderate example of this method, see Mille Bornes#Deck. This is the preferred format for mainspace galleries.
- As more text is added to a gallery, it is often converted to a list. This resembles a table-format gallery but each row in the table is devoted to a single image and its notes. Columns are used to classify notes and backgrounds may be used to make distinctions between entries. For a good example of this method, see List of Presidents of the United States. This extension of table format is a commendable goal.
- Some editors prefer CSS galleries in which a number of images are floated, one after the other. This method has all the advantages usually cited for CSS; it also suffers from many of the usual weaknesses, such as poor legacy browser support and the technical complexity of writing the code. One nice feature of a floated gallery is that it will reorganize to fit the reader's browser window width.
[szerkesztés] Commons
One way to avoid having your gallery deleted is to upload it -- images and page -- to Commons. This is not itself Wikipedia but images uploaded there can be used here. Commons has its own policies, notably that all uploads be freely licensed; however it is generally more open to large quantities of media content than Wikipedia.
[szerkesztés] External hosting
There are a large number of photo sharing websites not associated with Wikipedia. Some are free-beer-free, some free-speech-free, some offer premium services for a fee. Although any particular host may be unsuitable for a particular image gallery, there is almost certainly a host to fill any need.
If you're having trouble making a given gallery conform to Galleries policy, you may want to consider external hosting. Wikipedia does not allow direct display of external images but you can link to them using external link form. For example, see this image on this page.
An external host may be a good place to put images while you decide which ones belong on Wikipedia; you can also show collaborators what you have. Be careful of licensing restrictions, of course, as always.
Picture Tutorial
This is a tutorial on how to insert pictures in Wikipedia articles using Wikiformat. There is also a shorter technical document describing the syntax. Sablon:ClearrightSablon:Style If you need help uploading an image, or selecting a suitable image for an article, you should also read our image use policy. Note that images on most web sites are copyrighted and should not be uploaded to Wikipedia.
For the purposes of this tutorial, all examples will use Stevertigo's Wikipedia mascot as the picture. "Dummy" text, known as Lorem Ipsum, used only to show the effect of mixing pictures with running text, is rendered in a different color.
Asterisks are used in the text to show the edit location of the image tag.
- Note 1. Before you add an image to an article, you should view the image description page to identify the copyright status of the image and make sure the copyright status of the image is clearly stated. It is preferred that you use one of the Wikipedia:Image copyright tags, as appropriate.
- Note 2. Please also avoid huge image files. (Follow that link for instructions on how to compress an image.)
[szerkesztés] Co-aligning like images
It's very common to have two very similar images that logically should be grouped together. To achieve this, it's currently necessary to use some html markup:
<div style="float:right;width:315px;"> [[image:Wikipedesketch1.png|none|thumb|300px|Wikipede]] [[image:Flag of Scotland.svg|none|thumb|200px|The flag of Scotland]] </div>
- You may also use the template {{ImageStackRight}}, which has this code built-in. See the template talk page for instructions.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tellus neque, bibendum ac, accumsan eget, vestibulum a, nibh. Sed viverra urna non massa. Etiam vehicula ligula vitae nibh. Phasellus tempus auctor wisi. In consequat. Cras vel neque. Donec leo dolor, lobortis luctus, volutpat vitae, vestibulum in, eros. Maecenas porttitor, erat ullamcorper tempus faucibus, odio arcu venenatis nisl, ut cursus odio felis sed urna. Nullam ut elit vel est eleifend egestas. Ut dictum orci eu mi. Cras ultricies. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Nam turpis. Nunc in enim non turpis facilisis commodo. Suspendisse potenti. Maecenas elementum auctor odio. Vivamus vitae ante. Phasellus quis tortor et quam auctor convallis. Proin elit velit, nonummy a, semper hendrerit, dignissim quis, erat. Maecenas eleifend enim eu tortor. Curabitur non odio. Maecenas neque erat, venenatis sed, sollicitudin ut, iaculis non, mi. Praesent tempor, risus eget pellentesque tincidunt, dolor nibh imperdiet nulla, nec mattis leo ligula vel pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Integer nec libero. Nulla facilisi. Vivamus quis purus. Ut sem justo, lobortis at, luctus nec, aliquam nec, orci. Aenean nonummy. In metus. Sed malesuada vestibulum purus. Phasellus at odio. Integer in massa vitae quam euismod viverra. Integer nulla orci, ornare non, consequat non, mollis ornare, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam id sapien ut sapien fermentum pretium. Cras mattis. Nam rhoncus. Maecenas dolor neque, tempor vel, iaculis nec, posuere vel, leo. Sed quis dolor. Vivamus mattis tellus elementum magna semper ullamcorper.
It is also often useful to horizontally align two images:
However, this should be used sparingly, as it can cause the images to protrude off the right of the page for people with narrow browser windows.
This is done using table markup:
{|
|-
| [[image:Wikipedesketch1.png|none|thumb|300px|Wikipede]]
| [[image:Wikipedesketch1.png|none|thumb|300px|Wikipede]]
|}
An alternative, that avoids being too wide, is to align both left and allow them to stack up if possible:
[[image:Wikipedesketch1.png|left|thumb|300px|Wikipede]] [[image:Wikipedesketch1.png|left|thumb|300px|Wikipede]] <br style="clear:both;"/>
It will be necessary to include the line
<br style="clear:both;"/>
in order to prevent subsequent text from being placed alongside the images.
[szerkesztés] Alternating left and right floats
Perhaps the easiest way is to make floating images alternate left then right; this way they don't come into contact with one another, and so can't stack up in an unattractive way.
[[Image:Wikipedesketch1.png|thumb|150px|right|A Wikipede]] [[image:Flag of Scotland.svg|left|thumb|150px|The flag of Scotland]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.
Sed mi eros, lacinia mattis, gravida vel, placerat posuere, lacus. Duis accumsan tincidunt sapien. Morbi sed velit. Etiam quis orci. Donec at velit sed lorem elementum feugiat. Curabitur ut ligula. Quisque in eros. Morbi sed enim id sapien tristique fringilla. Nunc ligula augue, pellentesque ac, nonummy id, semper eget, ante.
[szerkesztés] Forcing a break
As a final resort, you can force the browser to insert a break, making all text and images appear below the bottom of the first image. This can produce rather unattractive gaps, particularly in the accompanying text. Remember that text will flow and wrap differently for other users, based on their chosen browser, screen resolution, default font size, accessibility options, number of toolbars and sidebars (such as instant messaging panes) and more -- don't force page design just so that it looks pretty on your machine. Hack only where absolutely necessary. Wherever possible, just use the simplest logical page flow. (see Wiki markup and CSS below for details on clear:left or clear:right)
<br style="clear:both;"/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.
[szerkesztés] Photo gallery
[szerkesztés] Wiki markup and CSS
To display a series of photos in a gallery, there is a simple method using wiki markup and Cascading Style Sheets: Float all images in the gallery to the left, and clear their left float at the end to avoid having the images run into following content.
[[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 1]] [[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 2]] [[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 3]] [[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 4]] [[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 5]] [[Image:Wikipedesketch1.png|128px|thumb|left|The Wikipede 6]] <br style="clear: left"/>
Advantages: Adapts to screen width by wrapping, simple markup.
[szerkesztés] New MediaWiki <gallery> tag
The new MediaWiki software has support for a <gallery> tag, which vastly simplifies making image galleries in pages:
<gallery> Image:Wikipedesketch1.png|The Wikipede Image:Wikipedesketch1.png|A Wikipede Image:Wikipedesketch1.png|Wikipede Image:Wikipedesketch1.png|Wikipede Photo Image:Wikipedesketch1.png|A mascot for Wikipedia Image:Wikipedesketch1.png|One mascot for Wikipedia Image:Wikipedesketch1.png|Wikipedia has a mascot Image:Wikipedesketch1.png|The bug of Wikipedia </gallery>
Advantages: Really simple markup. Probably will get more support as MediaWiki matures (hopefully?), no wasted space between images
Disadvantages: Does not adapt to screen width by wrapping, can't specify image size (hopefully both will be fixed in the next version), will not display images with certain aspect-ratios and breaks animated GIFs, and may interfere with certain referencing styles, notably the <ref> tag.
[szerkesztés] Templates (a future development)
Another method which may become possible in the future makes use of the {{gallery}} template. Its syntax is:
- Sablon:Tlp
- Sablon:Tl
The following alternative syntax allows image widths to be specified (as ###px). This may be merged with {{gallery}} if conditional parameters are implemented.
- Sablon:Tlp
- Sablon:Tl
Advantages: Adapts to screen width with wrapping, simpler markup, no HTML, no visible CSS.
Disadvantages: Puts scroll bars and other nasties in some browsers. Can't specify image size.
Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery Sablon:Gallery end
[szerkesztés] Using the HTML <table> tag
If you use HTML table, you can arrange your text and Images using the standard <table> tag.
<table>
<tr>
<td>[[image:Wikipedesketch1.png|thumb|120px|Wikipede]]
</td>
<td>[[image:Wikipedesketch1.png|thumb|120px|Wikipede]]
</td>
<td>[[image:Wikipedesketch1.png|thumb|120px|Wikipede]]
</td>
<td>[[image:Wikipedesketch1.png|thumb|120px|Wikipede]]
</td>
</tr>
<tr>
<td>[[image:Wikipedesketch1.png|thumb|120px|Wikipede]]
</td>
<td>Here is a text article. Lorem ipsum dolor sit amet,......
</td>
<td>[[image:Wikipedesketch1.png|thumb|120px|The Wikipede]]
</td>
<td>Here is '''another''' text article. Lorem ipsum.....
</td>
</tr>
</table>
| Here is a text article. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. | Here is another text article. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. |
[szerkesztés] Lásd még
Az egyéb formázási lehetőségeket a Hogyan szerkessz lapokat? című útmutató taglalja.
szavazás jó képekre
en:Wikipedia:Alternative text for images
en:Help:Images and other uploaded files

