„Wikikönyvek:Képhasználati technikák” változatai közötti eltérés

|-

| align="center" style="background-color:#EEEEEE" | -

| align="center" style="background-color:#EEEEEE" | Wikikönyvek<br />(magyar)

| align="center" style="background-color:#EEEEEE" | Wikikönyvek<br />(idegen)

| align="center" style="background-color:#EEEEEE" | külső<br />oldal

|-

| align="center" style="background-color:#CCFFCC" | <font color=#339900>'''OK'''</font>

| align="center" style="background-color:#CCFFCC" | <font color=#339900>'''OK'''</font>

| align="center" style="background-color:#FFCC99" | <font color="red">'''X'''</font>

|-

| align="center" style="background-color:#CCFFCC" | <font color=#339900>'''OK'''</font>

| align="center" style="background-color:#CCFFCC" | <font color=#339900>'''OK'''</font>

Amint a táblázat is mutatja, a Magyar Wikikönyvekben csak azok a képek jeleníthetők meg, amelyek fel vannak töltve a Magyar Wikikönyvek vagy a [[Wikimédia Commons|Wikimédia Commons]] szervereire. Utóbbi a szabadon felhasználható képek közös gyűjtőhelye, tartalma hozzáférhető minden wikiprojektből; ugyanakkor az egyes nyelvek Wikikönyveinek képanyaga – jogi okok miatt – nem használható fel a többiben. Hivatkozást viszont minden képre lehet készíteni, akár külső forrásból származóra is.

 

== A képek elérése ==

A Wikikönyvekre illetve a Commonsra feltöltött képeket elsősorban – kis- és nagybetű érzékeny – nevük, a külső weboldalon elhelyezetteket a webcímük azonosítja. Ha ugyanolyan névvel szerepel egy állomány a Wikikönyvekben és egy a Commonsban, akkor csak a Wikikönyvekbeli jeleníthető meg.

 

A paraméterek hatását a megjelenítésre alant példák illusztrálják. A képek helyenként egy tipográfiai próbaszövegbe ([[Lorem ipsum]]) vannak ágyazva, így látni lehet az ábra és a szöveg viszonyának alakulását; a töltelékszöveg <span style="color:#996633">színe</span> eltér a hasznos információkétól. A parancs szövege helyett a példákban a kép jelenik meg; a parancs helyét az egyes példákban látható két csillag jelöli (egy előtte, egy mögötte), a parancs szövege pedig a példa előtt szerepel külön kiemelve. A példák bonyolultsága lefelé haladva fokozódik, első áttekintésre a végigolvasást javasoljuk.

 

=== Egyszerű beillesztés ===

 

'''<nowiki>[[Fájl:Wikipedesketch1.png]]</nowiki>'''

<br style="clear:both;">

 

Egyes régebbi [[böngésző]]k a ''left'', ''center'' és ''right'' paramétereket figyelmen kívül hagyják, ezért ott az ezekkel igazított képek nem a kívánt módon jelennek meg. Ha fontos, hogy bizonyos képek ezekben a régebbi böngészőkben is helyesen jelenjenek meg, akkor a képet foglaljuk igazított [[Wikikönyvek:Hogyan használd a táblázatokat|táblázatba]]. Példa (ábra jobbra igazított táblázatban):

 

[[Fájl:Wikipedesketch1.png|300px]]

 

'''Példa:'''

 

</imagemap>

 

A jobbra vagy balra igazított képek mellett az a szöveg jelenik meg, ami az oldal lapforrásában az adott képet megjelenítő parancs után van elhelyezve. Az ide beférő szöveg mennyisége függ többek között a böngészőtől, a beállított szövegmérettől, a használt betűtípustól, a képernyő felbontásától, továbbá – regisztrált felhasználóknál – a képekre vonatkozó wiki-beállításoktól is, tehát a különböző felhasználóknak másként jelenhet meg az oldal. Ha a kép melletti szövegrészbe az előzővel azonos igazítású képmegjelenítő utasítás kerül, akkor az ábrák egymás mellett félig elcsúszva jelennek meg, vagyis – igen zavaró módon – feltorlódnak. A különböző beállítások miatt elképzelhető, hogy egy oldal, ami az egyik felhasználónak még jól megjelenik, az a másiknak teljesen szétesik emiatt. Ilyenkor – illetve ha nagyon fontos, hogy a kép mellett csak a rá vonatkozó szöveg jelenjék meg – alkalmazhatók a szövegtörések. A parancs a következő:

 

Logikai csoportba foglalva a képeket lehetőség van egyetlen utasítással igazítani azokat ahelyett, hogy külön-külön minden képnél meg kellene határozni a beágyazódást; ezenfelül elkerülhető a képek feltorlódása. Ehhez táblázat éppúgy használható, mint a <nowiki><div></nowiki> direktíva. Következzenek a szemléltető példák!

 

'''Példa:'''

 

<br style="clear:both;"/>

 

'''Példa:'''