A képekre vonatkozó szabályokat itt elolvashatod, az alábbi topicban pedig egy részletes segítséget állítottunk össze, hogy minél gördülékenyebben menjenek a feltöltések. A történetbe, fejezet elejére, vagy végére engedélyezett képbeillesztésnél nagyon kell ügyelni a méretre, mert a túl széles kép széthúzza az oldalt. Ezért is maximalizáltuk 700×500 képpontban a beilleszthető képek méretét. Az alábbiakban ehhez biztosítunk egy kis segítséget.
Amíg a kép kisebb a fent említett méretnél, semmi gond, simán be lehet illeszteni a következő html kóddal:
Kód:
<center><img src="a kép direktlinkje" border="0" /></center>
Itt a kép direktlinkjén azt az url-t (internetes címet) kell érteni, ahol a kép megtalálható. A border="0" pedig biztosítja, hogy a képnek ne legyen kerete. (A center - /center kódpár a képet vízszintesen középre helyezi az oldalon.)
Mit tegyünk akkor, ha a képünk nagyobb, mint a megengedett méret?
Az egyik megoldás, hogy kisebb méretben megkeressük, vagy magunk kicsinyítjük le, és töltjük fel egy képtárhelyre. Ezután pedig már a fenti kóddal beilleszthetjük.
A másik megoldás az, hogy úgy illesztjük be a képet, hogy az kisebbnek látszódjon, mint amekkora valójában. Ezt a width paraméter megadásával érhetjük el. Lássuk, hogyan:
Kód:
<center><img src="a kép direktlinkje" border="0" width="700" /></center>
Itt a width="700" paraméter megadásával meghatároztuk, hogy a képet 700 képpont szélességűnek jelenítse meg a böngészőnk. Mivel a kép magasságát nem adtuk meg a képünk nagysága méretarányosan fog változni.
Ha a kép függőleges méretét szeretnénk beállítani, mert álló képről van szó, amely magassága nagyobb 500 képpontnál, akkor a height paramétert kell használnunk:
Kód:
<center><img src="a kép direktlinkje" border="0" height="500" /></center>
Erre is vonatkozik az, hogy mivel a kép szélességét nem adtuk meg, a képünk nagysága méretarányosan fog változni.
Arra is van lehetőségünk, hogy a képet önmagával belinkeljük eredeti méretében:
Kód:
<center><a href="a kép direktlinkje" target="_blank"><img src="a kép direktlinkje" border="0" width="200" /></a></center>
Ekkor az oldalon a képünk 200 képpont szélességű lesz, viszont ha rákattintunk, akkor a böngészőnk egy új lapon meg fogja jeleníteni eredeti méretben. A target="_blank" paraméter arra szolgál, hogy a link új lapon töltődjön be.