Galeria Keszites

A Tökéletes Online Galéria Készítésének Művészete: Lépésről Lépésre

Üdvözöljük átfogó útmutatónkban, amelynek segítségével Ön is professzionális és lenyűgöző online galériát hozhat létre. Legyen szó művészeti alkotások bemutatásáról, termékfotók megjelenítéséről vagy személyes emlékek megosztásáról, a megfelelően kialakított galéria kulcsfontosságú a látogatók figyelmének megragadásához és a pozitív benyomás kialakításához. Ebben a részletes cikkben mindenre kitérünk, ami a sikeres galéria készítés folyamatához szükséges, a tervezéstől a technikai megvalósításig, különös hangsúlyt fektetve a felhasználói élményre és a keresőoptimalizálásra (SEO). Célunk, hogy Ön olyan tudással vérteződjön fel, amelynek köszönhetően weboldala kiemelkedhet a konkurencia közül a képgalériák terén.

Miért Fontos a Minőségi Online Galéria?

A vizuális tartalom korában a képek ereje felbecsülhetetlen. Egy jól megtervezett és kivitelezett online galéria nem csupán a képek esztétikus megjelenítésére szolgál, hanem számos egyéb előnnyel is jár:

• Figyelemfelkeltés: A látványos képek azonnal megragadják a látogatók figyelmét.
• Információközlés: A képek hatékonyan közvetítenek információkat, legyen szó termékjellemzőkről vagy egy történet vizuális elbeszéléséről.
• Felhasználói élmény javítása: Egy intuitív és könnyen navigálható képgaléria növeli a weboldalon töltött időt és a felhasználói elégedettséget.
• Professzionális megjelenés: A gondosan válogatott és bemutatott képek professzionális képet festenek a weboldal tulajdonosáról vagy a cégről.
• SEO előnyök: A megfelelően optimalizált képek és a jól strukturált galéria hozzájárulhatnak a weboldal jobb keresőmotoros helyezéséhez.

Látható tehát, hogy a galéria készítés nem csupán esztétikai kérdés, hanem stratégiai fontosságú eleme a sikeres online jelenlétnek.

A Sikeres Galéria Készítésének Lépései: Átfogó Útmutató

Ahhoz, hogy valóban kiemelkedő webgalériát hozzunk létre, fontos, hogy lépésről lépésre haladjunk végig a folyamaton. Az alábbiakban részletesen bemutatjuk a legfontosabb teendőket:

1. A Tervezés és Koncepcióalkotás Alapjai

Mielőtt belekezdenénk a technikai megvalósításba, elengedhetetlen a gondos tervezés. Ebben a szakaszban meg kell határoznunk a galéria célját, a megjelenítendő képek típusát, a célközönséget és a kívánt felhasználói élményt.

1.1. A Galéria Céljának Meghatározása

Mi a fő célja a létrehozandó fotógalériának? Szeretnénk eladni termékeket, bemutatni művészeti alkotásokat, megosztani események emlékeit vagy éppen egy portfóliót létrehozni? A cél nagymértékben befolyásolja a galéria felépítését, a megjelenítendő információkat és a használt funkciókat.

1.2. A Megjelenítendő Képek Kiválasztása és Előkészítése

A minőség itt kulcsfontosságú. Válasszuk ki a legjobb minőségű képeinket, és gondoskodjunk azok megfelelő előkészítéséről. Ez magában foglalhatja a képek méretezését, vágását, színkorrekcióját és optimalizálását a webes megjelenítéshez. A túl nagy méretű képek lelassíthatják a weboldal betöltődését, ami negatívan befolyásolja a felhasználói élményt és a SEO-t.

1.3. A Célközönség Figyelembevétele

Kiknek szánjuk a galériát? A célközönség igényei és elvárásai befolyásolják a design választását, a navigációt és a kiegészítő funkciókat. Például egy művészeti galéria esetében a letisztult design és a nagy méretű képek előnyösek lehetnek, míg egy termékkatalógusnál a részletes termékleírások és a nagyítható képek lehetnek fontosak.

1.4. A Kívánt Felhasználói Élmény Megtervezése

Hogyan szeretnénk, hogy a látogatók interakcióba lépjenek a képekkel? Legyen lehetőség a nagyításra, a diavetítésre, a megosztásra közösségi médiában? A felhasználói élmény megtervezése során gondolnunk kell a könnyű navigációra, a gyors betöltődésre és az intuitív kezelhetőségre.

2. A Technikai Megvalósítás Módszerei

Számos módszer létezik egy képgaléria létrehozására, a legegyszerűbb beépített megoldásoktól a komplex, egyedi fejlesztésekig.

2.1. Beépített Weboldal Funkciók és CMS Bővítmények

Sok tartalomkezelő rendszer (CMS), mint például a WordPress, alapból kínál galéria funkciókat, vagy számos ingyenes és fizetős bővítmény áll rendelkezésre a fejlettebb galériák létrehozásához. Ezek a bővítmények gyakran kínálnak különböző elrendezéseket, animációkat és testreszabási lehetőségeket. Előnyük a könnyű használat és a gyors beállítás.

2.2. Egyedi Kódolás (HTML, CSS, JavaScript)

Ha teljesen egyedi megjelenésre és funkcionalitásra van szükségünk, lehetőségünk van a galériát saját magunk megkódolni HTML, CSS és JavaScript segítségével. Ez nagyobb szabadságot biztosít, de komolyabb technikai tudást igényel.

2.3. Online Galéria Készítő Platformok

Számos online platform létezik, amelyek kifejezetten fotógalériák létrehozására specializálódtak. Ezek a platformok gyakran kínálnak drag-and-drop felületet, előre elkészített sablonokat és különböző integrációs lehetőségeket.

3. A Galéria Megjelenésének Finomhangolása (Design és Stílus)

A galéria vizuális megjelenése nagyban befolyásolja a látogatók benyomását. Fontos, hogy a design harmonizáljon a weboldal többi részével és tükrözze a bemutatott képek jellegét.

3.1. Elrendezési Lehetőségek (Rács, Mozaik, Diavetítés stb.)

Különböző elrendezések állnak rendelkezésünkre a képek megjelenítéséhez. A rácsos elrendezés áttekinthető és jól működik nagy mennyiségű kép esetén. A mozaik elrendezés dinamikusabb és vizuálisan érdekesebb lehet. A diavetítés ideális a képek egymás utáni bemutatásához.

3.2. Színek, Betűtípusok és Animációk Használata

A színek és a betűtípusok összhangja fontos a professzionális megjelenéshez. Az animációk finoman fokozhatják a felhasználói élményt, de túlzásba vive zavaróak lehetnek. Mindig a célnak és a stílusnak megfelelő elemeket válasszunk.

3.3. Reszponzív Design Biztosítása

Napjainkban elengedhetetlen, hogy a webgalériánk tökéletesen jelenjen meg minden eszközön, legyen az asztali számítógép, tablet vagy okostelefon. A reszponzív design biztosítja, hogy a képek és az elrendezés automatikusan alkalmazkodjanak a képernyő méretéhez.

4. A Felhasználói Élmény Optimalizálása

Egy szép galéria nem elég, ha a használata nem kényelmes és intuitív. A felhasználói élmény optimalizálása kulcsfontosságú a látogatók megtartásához.

4.1. Könnyű Navigáció és Keresési Funkciók

A látogatóknak könnyen kell tudniuk böngészni a képek között. Nagyobb galériák esetében érdemes keresési és szűrési funkciókat bevezetni.

4.2. Gyors Betöltési Sebesség Biztosítása

A lassan betöltődő oldalak elriaszthatják a látogatókat. Optimalizáljuk a képek méretét és használjunk hatékony betöltési technikákat (pl. lazy loading).

4.3. Interaktív Elemek (Nagyítás, Megosztás stb.)

Az interaktív elemek, mint a képnagyítás, a diavetítés vezérlése és a közösségi média megosztási lehetőségei növelik a felhasználói elköteleződést.

5. A Galéria Keresőoptimalizálása (SEO)

Ahhoz, hogy képgalériánk minél több látogatóhoz eljusson, fontos a keresőoptimalizálás. A megfelelően optimalizált galéria jobb helyezést érhet el a keresőmotorok találatai között.

5.1. Releváns Kulcsszavak Használata

Integráljunk releváns kulcsszavakat a galéria címében, leírásában és a képek fájlneveiben, valamint az alternatív szövegekben (alt text).

5.2. Képek Optimalizálása SEO Szempontból

A képek fájlnevei legyenek leíróak (pl. tájkép-naplemente.jpg helyett dsc123.jpg). Az alternatív szövegek (alt text) segítenek a keresőmotoroknak megérteni a kép tartalmát, és akkor is megjelennek, ha a kép valamiért nem töltődik be.

5.3. Strukturált Adatok Használata

A strukturált adatok (schema markup) segíthetnek a keresőmotoroknak jobban értelmezni a galéria tartalmát, ami gazdagabb keresési eredményekhez vezethet.

5.4. Mobilbarát Kialakítás

A Google előnyben részesíti a mobilbarát weboldalakat. Győződjünk meg róla, hogy galériánk reszponzív és jól működik mobil eszközökön is.

5.5. Gyors Oldalbetöltési Sebesség

A gyors oldalbetöltési sebesség nemcsak a felhasználói élmény szempontjából fontos, hanem a SEO szempontjából is. Optimalizáljuk a képeket és a kódot a gyors betöltődés érdekében.

6. A Galéria Tesztelése és Finomítása

Miután elkészült a galéria, alaposan teszteljük le különböző böngészőkben és eszközökön. Ellenőrizzük a funkcionalitást, a megjelenést és a betöltési sebességet. A tesztelés során szerzett visszajelzések alapján finomítsuk a galériát.

7. A Galéria Karbantartása és Frissítése

Egy online galéria nem egy statikus dolog. Időnként szükség lehet a képek frissítésére, új képek hozzáadására vagy a galéria funkcióinak bővítésére. A rendszeres karbantartás biztosítja, hogy webgalériánk mindig naprakész és releváns maradjon.

Eszközök és Technológiák a Galéria Készítéshez

Számos eszköz és technológia áll rendelkezésünkre a galéria készítés folyamatában. Néhány népszerű lehetőség:

• WordPress Galéria Bővítmények: NextGEN Gallery, Envira Gallery, FooGallery stb.
• JavaScript Könyvtárak: Lightbox, Swiper, Slick stb.
• Online Galéria Készítő Platformok: SmugMug, Flickr, Google Photos stb.
• Képoptimalizáló Eszközök: TinyPNG, ImageOptim stb.

A megfelelő eszköz kiválasztása függ a projektünk igényeitől és a rendelkezésre álló technikai tudástól.

Gyakori Hibák a Galéria Készítése Során és Hogyan Kerüljük El Őket

A galéria készítés során gyakran előfordulhatnak hibák, amelyek ronthatják a felhasználói élményt és a SEO eredményeket. Néhány gyakori hiba és azok elkerülési módjai:

• Túl nagy méretű képek használata: Optimalizáljuk a képeket a webes megjelenítéshez.
• Hiányzó vagy rossz alternatív szövegek: Mindig adjunk leíró alternatív szöveget a képekhez.
• Nem reszponzív design: Biztosítsuk a mobilbarát megjelenést.
• Rossz navigáció: Tegyük egyszerűvé a képek közötti navigálást.
• Elhanyagolt SEO: Használjunk releváns kulcsszavakat és optimalizáljuk a képeket.

A tudatos tervezéssel és a legjobb gyakorlatok követésével elkerülhetjük ezeket a hibákat.

Inspiráló Példák Kiemelkedő Online Galériákra

Érdemes megnézni néhány kiemelkedő online galériát inspirációként. Figyeljük meg a designjukat, a navigációjukat és a képek bemutatásának módját. Ezek a péld

Felulet Gorgzes

A Felület Görgetés Művészete: Útmutató a Kiváló Felhasználói Élményhez

A felület görgetése egy alapvető interakció a digitális világban, legyen szó weboldalakról, mobilalkalmazásokról vagy bármilyen más grafikus felhasználói felületről. Bár elsőre egyszerűnek tűnhet, a görgetés minősége jelentősen befolyásolja a felhasználói élményt. Egy jól megtervezett görgetési mechanizmus intuitív, zökkenőmentes és élvezetessé teszi a tartalom fogyasztását, míg egy rosszul implementált megoldás frusztráló lehet, és akár a felhasználó elvesztéséhez is vezethet. Ebben a részletes útmutatóban mélyrehatóan feltárjuk a felület görgetésének minden aspektusát, a technikai megvalósítástól a felhasználói pszichológiáig, hogy Ön elsajátíthassa a tökéletes görgetés megteremtésének művészetét.

Miért Kulcsfontosságú a Jó Felület Görgetés?

A jó felület görgetés nem csupán egy technikai részlet, hanem a felhasználói élmény szerves része. Gondoljunk csak bele: a felhasználók szinte minden interakciójuk során görgetnek. Egy lassan vagy akadozva működő görgetés azonnal negatív benyomást kelt, míg egy sima, reszponzív görgetés növeli a felület iránti elégedettséget és a tartalomfogyasztás élvezetét. A hatékony görgetés elősegíti a tartalom könnyű felfedezését, a lényeges információk gyors megtalálását, és összességében javítja a felhasználói elköteleződést. Ezen túlmenően, a hozzáférhetőség szempontjából is kiemelten fontos a jól megvalósított görgetés, hiszen a különböző képességű felhasználóknak is zökkenőmentesen kell tudniuk navigálni a felületen.

A Felhasználói Élmény Szempontjai a Görgetésben

A felhasználói élmény (UX) központi szerepet játszik a felület görgetésének megítélésében. A felhasználók elvárják, hogy a görgetés azonnali és pontos visszajelzést adjon a mozdulataikra. A késleltetés, az akadozás vagy a váratlan ugrások mind rontják az élményt. Egy ideális görgetés sima, természetes és intuitív. Figyelembe kell venni a különböző eszközök (asztali számítógép, laptop, tablet, okostelefon) eltérő görgetési mechanizmusait és biztosítani kell, hogy a felület minden platformon optimálisan működjön. A vizuális visszajelzések, mint például a görgetősáv vagy az animációk, segíthetik a felhasználót a tartalom kontextusának megértésében és a navigációban.

A Görgetés Hatása a Konverzióra és az Elköteleződésre

Egy jól megtervezett görgetés közvetlen hatással lehet a konverziós rátákra és a felhasználói elköteleződésre. Ha a felhasználók könnyen megtalálják a keresett információt és zökkenőmentesen tudnak navigálni a felületen, nagyobb valószínűséggel érik el a kívánt célt, legyen az egy termék megvásárlása, egy űrlap kitöltése vagy egy cikk elolvasása. A hosszú, átgondolt tartalmú oldalak esetében a sima görgetés elengedhetetlen ahhoz, hogy a felhasználók ne veszítsék el a fonalat és végigolvassák az anyagot. Az interaktív elemek, mint például a parallax görgetés vagy a görgetésre aktiválódó animációk, tovább fokozhatják az elköteleződést és egyedi élményt nyújthatnak.

A Görgetés Technikai Megvalósítása

A felület görgetésének technikai megvalósítása sokféleképpen történhet, és a választott módszer jelentősen befolyásolja a végső felhasználói élményt. A webfejlesztésben a CSS és a JavaScript kulcsszerepet játszik a görgetés stílusának és viselkedésének definiálásában. A natív böngésző görgetés alapvető funkcionalitást biztosít, de gyakran szükség van egyedi megoldásokra a kívánt hatás eléréséhez.

CSS Tulajdonságok a Görgetés Stílusozásához

A CSS számos tulajdonságot kínál a görgetés stílusozásához. A `overflow` tulajdonság határozza meg, hogy mi történjen, ha egy elem tartalma nagyobb, mint a befoglaló doboz. Az `overflow: auto` vagy `overflow: scroll` görgetősávokat jelenít meg, ha szükséges. A `scroll-behavior: smooth` tulajdonság lehetővé teszi a sima görgetést a belső hivatkozásokra kattintva. A WebKit-alapú böngészőkben (pl. Chrome, Safari) a `-webkit-overflow-scrolling: touch` tulajdonság bekapcsolja a natív iOS-stílusú lendületes görgetést a mobil eszközökön, ami jelentősen javíthatja a felhasználói élményt.

JavaScript a Görgetés Kontrollálásához és Egyedi Effektekhez

A JavaScript sokkal nagyobb kontrollt biztosít a görgetés felett. Lehetővé teszi egyedi görgetési effektek, például a parallax görgetés, a görgetésre aktiválódó animációk vagy a “vissza a tetejére” gombok implementálását. A JavaScript segítségével finomhangolhatjuk a görgetés sebességét, irányát és viselkedését. Különböző könyvtárak és keretrendszerek (pl. Smooth Scrollbar, Locomotive Scroll) léteznek, amelyek megkönnyítik a komplex görgetési animációk és interakciók létrehozását, miközben optimalizálják a teljesítményt.

A Natív Görgetés Előnyei és Hátrányai

A natív böngésző görgetés a legegyszerűbb és leggyorsabb módja a görgetés megvalósításának. Nincs szükség kiegészítő kódra, és a böngészők általában optimalizálják a teljesítményét. Azonban a natív görgetés stílusa korlátozottan testreszabható, és nem teszi lehetővé az összetett animációk vagy interakciók implementálását. Egyszerűbb weboldalak vagy alkalmazások esetében a natív görgetés tökéletesen elegendő lehet, de komplexebb felhasználói felületek gyakran igénylik az egyedi megoldásokat.

Görgetési Technikák a Jobb Felhasználói Élményért

Számos görgetési technika létezik, amelyekkel javíthatjuk a felhasználói élményt és érdekesebbé tehetjük a tartalmat.

Végtelen Görgetés: Előnyök és Hátrányok

A végtelen görgetés (infinite scroll) egy olyan technika, amely automatikusan betölti a további tartalmat, ahogy a felhasználó az oldal aljához közeledik. Népszerű a közösségi média platformokon és olyan weboldalakon, ahol sok hasonló tartalom van (pl. terméklisták, blogbejegyzések). Előnye, hogy folyamatos élményt nyújt és megkönnyíti a tartalom felfedezését. Hátránya lehet a teljesítmény romlása nagy mennyiségű tartalom esetén, valamint az, hogy a lábléc nehezen érhető el. Fontos figyelembe venni a felhasználói kontextust és a tartalom típusát a végtelen görgetés alkalmazásakor.

Oldalpörgetés (Paging): Strukturált Navigáció

Az oldalpörgetés (pagination) a tartalmat különálló oldalakra bontja, és a felhasználók gombok vagy linkek segítségével navigálhatnak közöttük. Ez a módszer jól működik, ha a tartalom logikailag elkülöníthető (pl. termékkategóriák, keresési eredmények). Az oldalpörgetés áttekinthetőbbé teszi a nagy mennyiségű tartalmat, és lehetővé teszi a felhasználók számára, hogy közvetlenül egy adott oldalra ugorjanak. Hátránya lehet, hogy több kattintást igényel a tartalom felfedezése, mint a végtelen görgetés.

Parallax Görgetés: Vizuális Mélység és Interaktivitás

A parallax görgetés egy olyan vizuális effekt, amelyben a háttérképek lassabban mozognak, mint az előtérben lévő tartalom, így 3D-szerű mélységérzetet kelt. Ez a technika látványos és interaktív élményt nyújthat, és alkalmas lehet a történetmesélésre vagy a márkaépítésre. Fontos azonban mértékkel alkalmazni, mivel a túlzott parallax hatás zavaró lehet és ronthatja a teljesítményt. Gondoskodni kell arról, hogy a parallax görgetés ne akadályozza a tartalom olvashatóságát és a navigációt.

Görgetésre Aktiválódó Animációk: Dinamikus Tartalommegjelenítés

A görgetésre aktiválódó animációk dinamikusan jelenítik meg a tartalmat, ahogy a felhasználó görgeti az oldalt. Ez lehet egyszerű elhalványulás, becsúszás vagy komplexebb vizuális effektusok. Az ilyen animációk felkelthetik a felhasználók figyelmét, irányíthatják a tekintetüket a fontos elemekre, és érdekesebbé tehetik a tartalomfogyasztást. Fontos, hogy az animációk ne legyenek túl tolakodóak vagy lassúak, és ne akadályozzák a felhasználót a tartalom elérésében.

A Görgetés Optimalizálása a Teljesítményért

A görgetés teljesítménye kritikus fontosságú a zökkenőmentes felhasználói élmény szempontjából. A lassú vagy akadozó görgetés frusztráló lehet, különösen mobil eszközökön. Ezért fontos optimalizálni a görgetést a legjobb teljesítmény elérése érdekében.

A Böngésző Optimalizálása és a Renderelési Folyamat

A böngészők komplex folyamatokon mennek keresztül egy weboldal megjelenítésekor. A renderelési folyamat magában foglalja a HTML és CSS elemzését, a DOM és CSSOM létrehozását, a layout számítását, a festést és a kompozitálást. A görgetés során a böngészőnek folyamatosan frissítenie kell a képernyőt. A bonyolult CSS-effektek, a nagyméretű képek és a nem optimalizált JavaScript mind lassíthatják ezt a folyamatot. A teljesítmény javítása érdekében minimalizálni kell a rendereléshez szükséges munkát, például a CSS-szelektorok optimalizálásával, a nem használt CSS eltávolításával és a képek tömörítésével.

A Hardware Acceleration Használata

A hardware acceleration (hardveres gyorsítás) a grafikus processzor (GPU) használatát jelenti bizonyos feladatok elvégzésére, ami jelentősen javíthatja a teljesítményt. A CSS bizonyos tulajdonságai, mint például a `transform` és az `opacity`, gyakran hardveresen gyorsítottak. Ha lehetséges, érdemes ezeket a tulajdonságokat használni az animációk és a görgetési effektek megvalósításához, ahelyett, hogy a böngészőnek a CPU-t kellene terhelnie.

A Görgetési Események Kezelésének Optimalizálása (Throttling, Debouncing)

A görgetési események gyakran nagyon sokszor aktiválódnak, ami teljesítményproblémákhoz vezethet, ha nem megfelelően kezelik őket. A throttling (időzítés) és a debouncing (késleltetés) technikák segítenek korlátozni az eseménykezelők futtatásának gyakoriságát. A throttling biztosítja, hogy egy függvény egy adott időintervallumon belül legfeljebb egyszer fusson le, míg a debouncing csak akkor futtatja le a függvényt, ha egy bizonyos ideig nem történt újabb esemény. Ezek a technikák különösen hasznosak lehetnek komplex görgetésre reagáló animációk vagy funkciók implementálásakor.

Akadálymentesség és a Görgetés

Az akadálymentesség szempontjai is fontosak a felület görgetésének tervezésekor. Biztosítani kell, hogy a különböző képességű felhasználók is zökkenőmentesen tudják használni a felületet.

Billentyűzetes Navigáció és a Görgetés

A billentyűzetes navigáció elengedhetetlen azok számára, akik nem tudják vagy nem akarják az egeret használni. Biztosítani kell, hogy a felhasználók a billentyűzet segítségével is tudják görgetni az oldalt (pl. a nyíl billentyűkkel, a Page Up/Down billentyűkkel). A fókusz indikátoroknak jól láthatóknak kell lenniük, hogy a felhasználók tudják, éppen melyik elem van kijelölve.

Képernyőolvasók és a Görgetés

A képernyőolvasók felolvassák a képernyőn megjelenő tartalmat a látássérült felhasználók számára. A görgetés során a képernyőolvasóknak megfelelően kell reagálniuk a változásokra. Például, ha új tartalom töltődik be végtelen görgetés során, a képernyőolvasónak jeleznie kell ezt a felhasználó számára. Az ARIA (Accessible Rich Internet Applications) attribútumok segíthetnek a képernyőolvasóknak a dinamikusan változó tartalom értelmezésében.

Mozgásérzékenység és a Görgetési Animációk

Néhány felhasználó mozgásérzékeny lehet, és a hirtelen vagy túlzott mozgás (pl. parallax görgetés, nagyméretű animációk) émelygést vagy szédülést okozhat. Fontos lehetőséget biztosítani a felhasználóknak az animációk letiltására. A `prefers-reduced-motion` CSS média lekérdezés segítségével detektálhatjuk, ha a felhasználó csökkentett mozgást kér, és ennek megfelelően módosíthatjuk a görgetési animációkat.

Gyakori Hibák a Felület Görgetésében és Hogyan Kerüljük El Őket

Számos gyakori hiba fordulhat elő a felület görgetésének implementálásakor, amelyek ronthatják a felhasználói élményt.

Lassú vagy Akadozó Görgetés

A lassú vagy akadozó görgetés az egyik legfrusztrálóbb dolog a felhasználók számára. Ennek oka lehet a nem optimalizált kód, a túl nagy méretű képek, a bonyolult CSS-effektek vagy a nem hatékony JavaScript-eseménykezelés. A teljesítmény optimalizálásával (lásd a korábbi szakaszt) elkerülhető ez a probléma.

Váratlan U