Profi képgaléria weblapokra

Tegnap böngésztem a neten kicsit, és egy honlapon akadtam rá egy egyszerűségében is zseniális, nagyon jól eltalált képgaléria-megoldásra. A neve TiltViewer – amit én, férfiasan bevallom, elsőre TitViewer-nek olvastam 😀 -, és a lényege az, hogy egy három dimenzióban forgatható táblázatba rendezi megjelenítésre szánt képeinket, s ezt a táblázatot az egér húzkodásával kedvünk szerint mozgathatjuk ide-oda – lásd a fenti linket. De hogyan is formálhatjuk mindezt saját szánk íze szerint?

Nos, úgy, hogy felkeressük a gyártó weblapját és innen egyszerű zip file-ba csomagolva letöltjük a szükséges file-okat. (A futtatáshoz Adobe Flash Player és Java környezet szükségeltetik, mindkettőt ingyenesen beszerezhetjük a gépünkre). Ha pedig ezek megvannak, akkor néhány egyszerű HTML-programozási lépés után (ezeket itt találjuk) már a miénk is ez a futurista galéria:

Kép a szolgáltatás weblapjáról.

Vagyis: töltsük le és csomagoljuk ki az állományt egy új mappába;
másoljuk a galériához használandó képeket az imgs mappába;
Jegyzettömbbel vagy hasonló szerkesztőprogrammal nyissuk meg az index.html-t, a kódban keressünk egy ilyen sort:

fo.addVariable(“useFlickr”, “false”); – a lényeg, hogy az érték false legyen!

Aztán keressük meg az alábbi sort:

fo.addVariable(“maxJPGSize”,”1024″); – az 1024 helyén adjuk meg a legnagyobb képméretet (akár szélesség, akár hosszúság), ami előfordul!

És már csak a képek beállításai vannak hátra. Keressük meg a kicsomagolt mappánkban a gallery.xml file-t, és nyissuk meg Jegyzettömbbel, vagy hasonló szerkesztővel!

<photo imageurl=”imgs/kep1.jpg“>
<title>Az első kép címe</title>
<description>Az első kép leírása</description></photo>

És ezt a három sort ismételjük annyiszor, ahány képünk van, természetesen megfelelően variálva az értékeket. Ha végeztünk vele, mentsük el, és az egész hóbelevancot, mappástul-fényképestül töltsük fel a világhálóra! Voilá! 🙂

Advertisements

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: