Wprowadzenie

Po ot­war­ciu stro­ny in­ter­ne­to­wej, na któ­rej znaj­du­je się Wir­tual­na Ga­le­ria Fo­to­gra­fii zo­ba­czy­my ok­no głów­ne ga­le­rii jak na Fot. 1. W oknie tym mo­że­my wy­róż­nić trzy po­la: na gó­rze – ozna­czo­ny cyf­rą 1 – pa­sek me­nu, w cen­tral­nej czę­ści – ozna­czo­ne cyf­rą 2 – po­le, w któ­rym wy­świet­la­ne bę­dą pre­zen­to­wa­ne slaj­dy, w dol­nej czę­ści – ozna­czo­ny cyf­rą 3 – pa­sek z mi­nia­tu­ra­mi.

Pli­kiem od­po­wie­dzial­nym za wy­świet­le­nie ga­le­rii jest plik o naz­wie vg.js. Plik ten po uru­cho­mie­niu (po­przez stro­nę in­ter­ne­to­wą, na któ­rej się znaj­du­je) szu­ka pli­ku kon­fi­gu­ra­cyj­ne­go o roz­sze­rze­niu js, któ­re­go naz­wę na­le­ży prze­ka­zać do ga­le­rii po­przez wpi­sa­nie jej w kod stro­ny in­ter­ne­to­wej.

Po od­czy­ta­niu pli­ku kon­fi­gu­ra­cyj­ne­go plik ga­le­rii (vg.js) już „wie” jak wy­świet­lać zdję­cia w ga­le­rii. Po­nad­to – z pli­ku kon­fi­gu­ra­cyj­ne­go ga­le­ria do­wia­du­je się, gdzie znaj­du­je się ko­lej­ny plik o roz­sze­rze­niu js, w któ­rym z ko­lei znaj­du­je się li­sta zdjęć do wy­świet­le­nia.

Zdję­cia do wy­świet­le­nia w ga­le­rii mu­szą być przy­go­to­wa­ne w dwóch wiel­ko­ściach, tj.: ja­ko „duże” – w ta­kim wy­mia­rze w ja­kim chce­my je osta­te­cznie oglą­dać w ok­nie ga­le­rii (na Fot. 1 – w po­lu 2) oraz ja­ko tzw. „miniaturki”, któ­re bę­dą wy­świet­la­ne na do­le ok­na (na Fot. 1 – w po­lu 3). Te sa­me mi­nia­tur­ki są wy­ko­rzy­sty­wa­ne do wy­świet­le­nia pa­ne­lu z mi­nia­tu­ra­mi (po­le 4 na Fot. 2).

Pod­su­mo­wu­jąc – do pra­wid­ło­we­go wy­świet­le­nia ga­le­rii wy­ma­ga­ne jest:

1. Przy­go­to­wa­nie „dużych” zdjęć do ga­le­rii.
2. Przy­go­to­wa­nie mi­nia­tu­rek do ga­le­rii.
3. Przy­go­to­wa­nie li­sty pli­ków.
4. Usta­le­nie op­cji (cza­su wy­świet­la­nia, spo­so­bu ani­ma­cji, dźwię­ków, itp.), czy­li przy­go­to­wa­nie pli­ku kon­fi­gu­ra­cyj­ne­go.
5. Prze­ka­za­nie naz­wy pli­ku kon­fi­gu­ra­cyj­ne­go do pli­ku vg.js i osa­dze­nie te­go pli­ku na stro­nie in­ter­ne­to­wej (czy­li wpi­sa­nie od­po­wie­dnich po­le­ceń w plik stro­ny in­ter­ne­to­wej).

Na Fot. 3 wi­dzi­my okno galerii z otwar­tym me­nu roz­wij­an­ym. Nad roz­wi­nię­tym me­nu wi­dzi­my rząd ikon. Ak­tual­nie dy­stry­buo­wa­na wer­sja za­wie­ra na­stę­pu­ją­ce ikony:

E	–	Ikona otwiera panel z in­for­ma­cją o wer­sji de­mon­stra­cyj­nej. Ikona nie wystę­pu­je w wer­sji ko­mer­cyj­nej.
u	–	Ikona otwiera stro­nę do­mo­wą ga­le­rii. Ikona nie wystę­pu­je w wer­sji ko­mer­cyj­nej.
#	–	Ikona otwiera stro­nę do­mo­wą pro­du­cen­ta gale­rii (fir­my 3n). Ikona nie wystę­pu­je w wer­sji ko­mer­cyj­nej.
%	–	Ikona ot­wie­ra stro­nę ty­tu­ło­wą (czo­łów­kę) ga­le­rii. Je­śli ga­le­ria nie za­wie­ra czo­łów­ki, ta ikona nie wy­stę­pu­je. Mo­żesz spraw­dzić dzia­ła­nie tej ikony w tej przy­kła­do­wej ga­le­rii.
J	–	Ikona rozwija me­nu z na­stę­pu­ją­cy­mi po­zy­cja­mi: Autoukry­wa­nie me­nu i mi­nia­tu­rek. Je­śli op­cja jest wy­bra­na (za­zna­czo­na), po upły­wie okreś­lo­ne­go cza­su pa­sek z gór­nym me­nu oraz znaj­du­ją­cy się na do­le ok­na ga­le­rii pa­sek z mi­nia­tu­ra­mi zo­sta­nie ukry­ty. Na za­kład­ce Cza­sy i opóź­nie­nia krea­to­ra ga­le­rii (pro­gra­mu vg.exe) moż­na usta­lić ten czas oraz po­cząt­ko­wy stan oma­wia­nej op­cji. Kad­ruj do wy­mia­rów ok­na. Op­cja ma za­sto­so­wa­nie tyl­ko w sy­tua­cji, gdy op­cja omó­wio­na ni­żej (Ani­ma­cja slaj­dów) jest wy­łą­czo­na. W tej sy­tua­cji ko­lej­ne zdję­cia są po pro­stu wy­świet­la­ne przez okreś­lo­ny czas w ok­nie przeg­lą­dar­ki. Je­śli oma­wia­na op­cja jest wy­łą­czo­na, zdję­cie jest ska­lo­wa­ne tak, by w ca­ło­ści zo­sta­ło wy­świet­lo­ne w ok­nie. Mo­gą przy tym po­ja­wić się po bo­kach (lub na gó­rze i do­le) zdję­cia mar­gi­ne­sy w ko­lo­rze tła. Je­śli op­cja jest włą­czo­na, zdję­cie zo­sta­nie po­więk­szo­ne i wy­kad­ro­wa­ne tak, by mar­gi­ne­sów nie by­ło. Stan po­cząt­ko­wy tej op­cji moż­na usta­wić na za­kład­ce Ani­ma­cja i prze­jścia (op­cja Kad­ruj do wy­mia­rów ok­na).