Weboldalkészítő suli #30 - Animált galéria CSS3-mal
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.
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.
Szolgáltatásokat indítunk: hírlevél, letöltéskezelő, fotógaléria... Áttekintjük a Joomla! bővítménytípusokat, és megtudjuk, hogyan vehetjük őket használatba.
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.
Az idén ünnepli alapításának 50. évfordulóját a Magyar Nemzet Galéria.
A Pannon ez év közepétől az acb Kortárs Művészeti Galéria főtámogatója lesz.
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.
Nézegessünk ultraokos telefonokat, 3G, WiFi, QWERTY billentyűzet, Windows és a többiek.
Úgy tűnik, AdBlockert használsz, amivel megakadályozod a reklámok megjelenítését. Amennyiben szeretnéd támogatni a munkánkat, kérjük add hozzá az oldalt a kivételek listájához, vagy támogass minket közvetlenül! További információért kattints!
Engedélyezi, hogy a https://www.pcwplus.hu értesítéseket küldjön Önnek a kiemelt hírekről? Az értesítések bármikor kikapcsolhatók a böngésző beállításaiban.