|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:jqueryui:menu|jQuery - UI]]|
====== Képtár ======
===== Feladat =====
Készítsünk képtárat, amely a képek kinagyítását felbukkanó ablakkal oldja meg.
===== Specifikáció =====
  - Dinamikusan hozzunk létre egy olyan kis kép szalagot, amely tartalmaz 9 db kis képet. \\ [[egyetem:webc2:jqueryui:f2:help1|Segítség a megoldásához (elakadás esetére!)]]
  - A szalag vízszintesen görgethető legyen, függőlegesen fix magasságot tartalmazzon. \\ [[egyetem:webc2:jqueryui:f2:help2|Segítség a megoldásához (elakadás esetére!)]]
  - Egy képre kattintva felbukkanó dialóg ablakban jelenjen meg a nagyított kép (középre, fent megjelenítve) \\ [[egyetem:webc2:jqueryui:f2:help3|Segítség a megoldásához (elakadás esetére!)]]
  - Használjuk a jQuery UI Dialogs komponensét
  - Letölthető segédanyagok: [[egyetem:webc2:jqueryui:kepek|Képek könyvtár]]

===== Megoldás =====
Az itt megjelenített megoldást lehetőleg csak arra használja, hogy segítséget nyerjen a feladat megfogalmazásának megértésére, de ne használja a program kódját az Ön által elkészítendő program kódjának megírásához! A másolással csak magát csapja be és megfosztja magát a szoftver fejlesztési képességének fejlődésétől! \\ \\
[[http://tptg.hu/egyetem/webc2/jqueryui_f2.htm|Megoldás megtekintése]] \\ \\
A forráslistát csak akkor tekintse meg, ha már végrehajtotta önálló munkával az adott feladat kidolgozását. Az itt megtekinthető megoldás csak segítség arra vonatkozólag, hogy milyen egy elkészített megoldás amely lefedi a feladat kiírásban foglaltakat maradéktalanul. Tudjuk, hogy egy kiírt feladat megoldáshoz számtalan formában juthatunk el, így ha az Ön megoldása megfelel a feladat kiírásban megfogalmazottaknak, akkor tökéletesen végrehajtotta a célt! Az, hogy egy kód mennyire optimális az már a fejlesztő tudásától, gyakorlatától és tapasztalatától függ, minél többet gyakorolja a fejlesztést annál inkább optimálisabb kódot fog készíteni. \\ \\
[[egyetem:webc2:jqueryui:f2:forrasanyag|Elkészített program forráskódja]]