Evo jedan mali HTML tutorial kako staviti thumbnailove s bilo kojeg image servisa:
Evo recimo,
ova fotka je prevelika da bi Vuco i modernatorska ekipa bili sretni očito, 150KB je fakat mnogo po slici, a i reza od 800x450 je jako ogromna i Jeltzu ne stane slička na onaj njegov monitor veličine poštanske marke.
Treba ovo napraviti: desni klik na fotku->copy image address
Zatim, tu adresu zalijepiš na dva mjesta unutar
navodnika gdje piše OVDJE
.
Vrijednosti width i height moraš postaviti ručno.
Nadam se da će svu gospodu zadovoljiti klasična veličina thumbnaila s pohrani servisa od 160px. Tako ćeš pod width uvijek imati 160, a height ćeš varirati ovisno o tome koji je format fotke.
Za 4:3 height="120"
Za 16:9 height="96"
Za ostale vrijednosti omjera lako sami izračunate.
HTML:
<a href="OVDJE"><img src="I OVDJE" width="160" height="120"/></a>
Pravi primjeri:
numero uno:
FOTKA1 zauzima 10 površina moderatorskih crno-bijelih monitora i zato ju moraš smanjiti. Formata je 16:9
HTML:
<a href="http://www.pohrani.com/f/1d/kw/31GwABc7/imag0519.jpg"><img src="http://www.pohrani.com/f/1d/kw/31GwABc7/imag0519.jpg" width="160" height="96"/></a>
Kad se to kopi-pasta direkt kao reply dobije se ovo:
Ovo je po meni prevelika fotka od 1.4MB (sad zamislite da ih imate 15 i otvarate na mobu), ali čim se fotka resizea na nekih 1200px horizontalne rezolucije veličina se smanji na prihvatljivih 150KB. Svaki image servis podržava resizeanje klikom na kvačicu pa podržavam da to napravite
Numerodos:
FOTKA2 zauzima otprilike 4 površine monitora naših moderatora.
Formata je 4:3.
Kod:
HTML:
<a href="http://www.pohrani.com/f/3U/nA/M4RbA2I/dsc01261.jpg"><img src="http://www.pohrani.com/f/3U/nA/M4RbA2I/dsc01261.jpg" width="160" height="120"/></a>
kopi-pasta:
--
E sad, ovo jedino neće biti dobro ako je bandwith od 150KB po fotki prevelik za BNC mrežne kratice kojima se modernatorsko računalo spaja na internu robovlasničku Horzinu mrežu koja zatim ima vezu prema ISP-u. Uz napomenu da nema terminatora na zadnjem BNC konektoru i da je udaljenost BNC kabela do tog računala duplo veća od dopuštene da se zadrži dobar SNR.
Ali inače, ne uništava layout foruma (zbog čega mislim da se i reagira) i lijepo izgleda. Možeš naštancat ove thumbnailove jedne do drugih samo s razmakom između da su lijepo razdvojene fotke
Otprilike 5 thumbnailova jedni do drugih je max što lijepo izgleda, ali to bar neće narušiti layout foruma jer će se automatski u novi red staviti.
HTML:
<a href="http://www.pohrani.com/f/1d/kw/31GwABc7/imag0519.jpg"><img src="http://www.pohrani.com/f/1d/kw/31GwABc7/imag0519.jpg" width="160" height="96"/></a> <a href="http://www.pohrani.com/f/3U/nA/M4RbA2I/dsc01261.jpg"><img src="http://www.pohrani.com/f/3U/nA/M4RbA2I/dsc01261.jpg" width="160" height="120"/></a>
Ako imaš vertikalno orijentiranu fotografiju onda samo zamijeni vrijednosti width i height.
