A Mercedes-Benz Las Vegasban, a pénteken véget ért CES 2024 technológiai kiállításon mutatta be, milyen lesz az új infotainment-rendszere, amely…

E havi leckénkben három újabb képgalériát készítünk. Az első kettőben további látványos effektusokkal bővítjük repertoárunkat, míg a harmadikban lehetővé tesszük a fotók tetszőleges sorrendben történő megnézését.

Múlt hónapban ismét képgaléria készítésébe fogtunk, ezúttal „igazi animációkat” használva a látványos képváltásokhoz. Most folyamatosabbá és még látványosabbá tesszük a képek cseréit.

Számos módja van annak, hogy az általunk készített képeket vagy fotókat megosszuk az interneten.

A 23. leckében lépésről lépésre felépítettünk egy képgalériát, ebben a fotók akkor jelentek meg, amikor az indexkép fölé vittük az egeret. Most ezt tesszük még látványosabbá CSS3-as animációkkal.

Korábban több látványos és interaktív fotógalériát készítettünk kizárólag a CSS stíluslapokra támaszkodva. Most némi JavaScript-támogatással összeállítunk egy igazán „sokoldalú” képtárat. Ám ahhoz, hogy JavaScript programunknak minél kevesebbet kelljen dolgoznia, megfelelően elő kell készítenünk a talajt.

Olyan galériákat készítettünk az előző leckében, amelyekben a fotók akkor jelentek meg, amikor az egeret az indexképek fölé mozgattuk. E galériák egyedüli hátránya, hogy amint az egérkurzor elhagyta a galéria területét, a fotó eltűnt a keretből. Ezúttal két olyan képgyűjteményt rakunk össze, amelyekben a fotók az indexképre történő kattintáskor jelennek meg, de ami fontosabb, hogy a következő kattintásig a helyükön is maradnak - és még mindig mellőzzük a JavaScript nyújtotta lehetőségeket.

Legutóbbi leckénkben megnéztük, hogyan lehet egy képgaléria indexoldalát néhány egyszerű trükkel feldobni, az átlagosnál érdekesebbé tenni. Ez alkalommal készülő galériánkba némi életet viszünk azzal, hogy amint az egér az indexképek fölé ér, megjelenítjük a kép nagy(obb) változatát - anélkül, hogy egyetlen sornyi JavaScript-kódot írnánk.

Míg türelmesen várakozunk, hogy a kicsinosított, a bevitt adatokat még az elküldés előtt ellenőrző űrlapunk kitöltésével az érdeklődők regisztráljanak a konferenciára, nekikezdünk saját „képgaléria-motorunk” fejlesztésének, amivel előbb a konferenciának otthont adó város néhány nevezetességét, a későbbiek során pedig a konferencián készült fotókat mutatjuk majd be.

Flash alapú képgaléria 3D-ben? A Wondershare egyik legújabb termékének ez sem akadály.

Szép, HTML-alapú albumokat készíthetünk az évek során összegyűlt képeinkből ezzel az ingyenes alkalmazással.

A képnézegetők alap keresési módszerein túllépve az ImageSorter a képeket szín szerint is sorba tudja állítani.

Képeinkből látványos, Flash alapú, MP3 zenével aláfestett diavetítést készíthetünk ezzel az egyszerű ingyenes alkalmazással.