Kép beillesztés hozzászólásba

Szerző
Üzenet
Ragadozo
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2008.05.08. Csütörtök 18:26
Hozzászólások: 638
Hozzászólás Elküldve: 2014.04.30. 10:05    Hozzászólás témája:
Hozzászólás az előzmény idézésével
A kérdésed nem egészen reális.
Sok megoldás található arra, hogy mekkora legyen a képméret, de az is tény, hogy nem mindegyiket kezeli le a böngésző rendesen.

A phpbb3-ban csak akkor tudsz meghatározni max. képszélességet, max. képmagasságot, és max. fájlméretet, ha a kép csatolmányként kerül fel a hozzászólásba. Ez viszont azt jelenti, hogy egyrészt a felhasználóknak le kell tölteniük a képet, és feltölteni az oldaladra. Másrészt az így feltöltött képek terhelik a tárhelyedet, ami nem biztos, hogy jó dolog, főleg, ha kicsi az alap mérete.
Nem mellékesen azt sem szabad elfelejteni, hogy a felhasználók által a tárhelyedre feltöltött dolgok bármikor vírus-hordozók is lehetnek.

A phpbb3-ban felhasználók által hozzászólásba belinkelt képekre nincs lehetőség fájlméret-limitet meghatározni. Ráadásul a kép fájl-mérete nem mindig van arányban a kép pixel-méretével, mivel a bitmélység, részletgazdagság jelentősen befolyásolja a fájlméretet.

Standard "jó minőségű" 640x480-as kép általában 80-120 KB fájlméret között van.
Ugyanakkor ebben a méretben egy nagy bitmélységű, pixel-gazdag kép már lehetséges 1 MB fájlméret felett is.

A tárhelyed méretét egy kép külső linkje nem befolyásolja, és akár mekkorára szabályozod is le a megjelenés méretét, akkor is a teljes kép töltődik be, csak akkora méretben, amekkorát megadsz.

Ugyanakkor sokaknál azért nem változik a kép mérete, mert a CSS-ben egy osztályt kell megadni, ahol meghatározod a kép max-width és/vagy max_hegight méretét pixelben, de ezt az osztályt meg is kell adni a kép megjelenítésekor, hogy az érvényesüljön is.
Ráadásul ez nem képátméretezés, hanem csak képméret meghatározás. Ez azt jelenti, hogy a standard képméretek adott esetben képarányosan fognak megjelenni, de a standard mérettől eltérő méretű képeknél már akár jelentős méretű torzulások is előfordulhatnak.
Csak egy példa, a 800x600-as képméret egy alap standard képméret.
Ha azt adom meg, hogy

Kód:

max_width: 400px;
max_height: 300px;

akkor az ilyen méretű, vagy ezzel méretarányos kép valóban méretarányosan fog kicsiben megjelenni.
De ha ugyanezt a képet 90°-ban elfordítva teszed fel (600x800), a kép szélessége már a 600-ból lesz 400, és a kép magassága a 800-ból lesz 300.
Így már minden bizonnyal egy érdekes, futurisztikus képet fogsz kapni. :)

Nem beszélve a standard mérettől eltérő képekről. A felhasználók által internet oldalakról belinkelt képek márpedig a legkülönbözőbb méretűek. Ráadásul a böngészők sem egységesen dolgozzák fel ezeket az adatokat, sőt a régebbi IE például nem is ismerte a max_width - max_height utasításokat (nem tudom, hogy a mostani hogy boldogul vele).

Nem véletlenül készítenek kicsit bonyolultnak tűnő javascriptes, ajax, jquery képátméretező programokat. Ha ilyen egyszerűen meg lehetne oldani CSS-ben a képek átméretezését, ezekre soha nem lenne szükség.

Ezért ajánlom ismételten az általam említett MOD telepítését, amivel a hozzászólásokban felrakott kép összes problémája megoldható. És egyáltalán nem nehéz feladat felrakni.

DEMO:

tesztképek

1. kép 3000x2000 pixeles
2. kép 5000x2813 pixeles
3. kép 6000x3000 pixeles

A képek bal felső sarkában nézzed a + jelű nagyítót (klikkelj rá).
Mind a három böhöm nagy kép elfér egy hozzászólásban, sőt akár egy sorban is, mint látható.
Mégis megvan, és megnézhető az eredeti teljes méretben. :)
Ha bárhol klikkelsz, visszatérsz a hozzászólásba!

A méretarányosan átméretezett képeken jól látható, hogy egyik eredeti kép sem ugyanazzal az alap standard méretaránnyal készült, ez is pontosan azt mutatja, amit fentebb írtam. :)
Ha figyelembe vesszük a standard 800x600 pixeles méretet, ezekre a képekre cca. a következők jönnek ki.
1. kép 800x523 pixeles
2. kép 800x450 pixeles
3. kép 800x400 pixeles

.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
dzseemy
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2011.07.04. Hétfő 16:20
Hozzászólások: 132
Hozzászólás Elküldve: 2014.04.30. 17:46    Hozzászólás témája:
Hozzászólás az előzmény idézésével

Ragadozo írta:

...
Csak egy példa, a 800x600-as képméret egy alap standard képméret.
Ha azt adom meg, hogy

Kód:

max_width: 400px;
max_height: 300px;

akkor az ilyen méretű, vagy ezzel méretarányos kép valóban méretarányosan fog kicsiben megjelenni.
De ha ugyanezt a képet 90°-ban elfordítva teszed fel (600x800), a kép szélessége már a 600-ból lesz 400, és a kép magassága a 800-ból lesz 300.
Így már minden bizonnyal egy érdekes, futurisztikus képet fogsz kapni. :)
Itt kicsit vitatkoznék veled. Amennyiben a képek mérete nincs megadva, csak méret nélkül történik a beszúrás, akkor a max-width és a max-height érték megadásával méretarányosan csökkenti le a képet.
Az általad említett kép (600x800) esetén a kép mérete a következő lesz: 225x300

Fórumba való beillesztés esetén, én a kép méretének csak a szélességét korlátoznám le (max-width).

Egyébként az általad említett MOD nagyon jó, mert a lekicsinyített kép nagyban is megtekinthető, ellentétben a CSS-sel lekicsinyítettel szemben. (Bár ott is megtekinthető: jobb klikk és kép megtekintése, de ez nagyon rossz megoldás.)

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Ragadozo
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2008.05.08. Csütörtök 18:26
Hozzászólások: 638
Hozzászólás Elküldve: 2014.04.30. 22:59    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Egy kis kiegészítés:
Kicsit utána néztem, és a shadowbox plugin, és a highslide plugin idő közben a sima mappás felmásolással már felejtős lett.
Mindkettő esetében vagy egyiket, vagy másikat már be kell építeni a fórumba, ennek következtében csak az használható. Így már a három plugin között nem lehet menet közben váltogatni.
A shadowbox nem fejlődött annyit, hogy lenne értelme berakni.
A highslide plugin nagyon jó, és látványos lett, de kezdő, vagy kevésbé gyakorlott felhasználónak kicsit bonyolult beépíteni a fórumba.

Ettől függetlenül a ReIMG Image Resizer MOD tökéletesen működik, mert az alap pluginja a Litebox, ami a MOD-ba benne van.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés