19. Lapoda 5. - Képek az oldalon-3.

KÜLÖNLEGES KÉPI HATÁSOK

AKTÍV FELÜLETEK A KÉPEN

Nyissuk meg a Lapoda szerkesztő programban a proba.lpk könyvet! Szúrjunk be egy Oldal5 oldalt! Másoljuk rá az előző oldalról a "VISSZA" feliratú gombot és a Cimke1 cimkét! Ez utóbbi szövegét írjuk át "AKTÍV FELÜLETEK A KÉPEN"-re!

Ezután az Internetről töltsünk le egy olyan képet, amelyen a Micimackó mese néhány szereplője látható! A képet mentsük el a C:\LAPODA-8x\DEMO\kepek mappába! Ezt a képet illesszük be az Oldal5 oldalra! Szúrjunk be az Oldal5 oldal aljára egy Cimke2 cimkét, melynek nincs tartalma. A cimke szélessége 250 pixel legyen.

Szeretnénk elérni, hogy a kép megfelelő részére mutatva az egérrel, a Cimke2 cimke írja ki, melyik figurára mutatunk.

Jelöljük ki a képet, majd a helyi menüből válasszuk a Tulajdonságok pontot! A Kép tulajdonságok ablakban válasszuk az Érzékeny felület fülecskét!
Kattintsunk az
Új tartomány gombra, majd lenyomott egérgombbal rajzoljuk körbe mondjuk Füles fejét!
Ha a rajzolás után elengedjük az egérgombot, a kép feletti jobb oldalon a 3 rubrikából az elsőbe beíródik a terület neve.

A kép felett három szövegbeviteli mezőt láthatunk. Ezek tartalma:

Az első rubrikába a HREF változó kerül. Amit ide írunk, akkor jelenik meg, ha pl. a Cimke2 feliratát szeretnénk megváltoztatni rákattintáskor.

Ehhez a Kép1 OnClick eseményébe be kell írunk a következőt: Cimke1.caption=kép1.href


A második rublika a HPAR változó tartalma. Általában ugrási, lapozási utasításokat tartalmaz.

A harmadik rubrika a HINT változó tartalma. Amit ide írunk, szövegbuborékban jelenik meg, ha az egeret az aktív felület fölé visszük. Ez nem igényel más programozást.

Célunk érdekében írjuk be az első beviteli mezőbe: FÜLES. A 3. mezőbe is írjuk be a FÜLES szót (ez majd szövegbuborékban jelenik meg).

Válasszuk a Kép1 OnClick eseményét, és írjuk be:
 

 Zöld pipával történő elfogadás után próbáljuk ki az oldal működését! Ha minden rendben, szerkesszük meg a kép többi aktív területét is!

Nyissuk meg újra  a Kép tulajdonságok ablakot és az Érzékeny területet!
Kattintsunk az
Új tartomány gombra. A már létező kijelölés pirosra változik, mi pedig körülrajzoljuk Micimackót, majd beírjuk a nevet a megfelelő beviteli mezőkbe.
Aztán újra kattinthatunk az
Új tartomány gombra és kijelöljük a többi szereplőt is.
A tartományok között a nyilakkal válthatunk, a szükségtelen kijelölést a radírral törölhetjük (ez a 2. nyomógomb).
A munka végén fogadjuk el zöld pipával a beállításokat. Futtassuk le az oldalt!

NAGYÍTÓ ALKALMAZÁSA

A Nagyító egy olyan speciális képeszköz, amely egy kisebb méretű kép egyes részeinek kinagyítására szolgál, látványos grafikus segédprogrammal. Alkalmazásához szükség van egy nagyméretű képre, amelynek részleteit a nagyító keretein belül mutatja meg a program, miközben a kisebb méretű képet pásztázzuk.

Töltsünk le egy nagyméretű micimackós csoportképet az Internetről! A kép 1200 pixel szélességű. Mentsük el a DEMO\kepek mappába micimacko-nagy.jpg néven!
Ugyanezt a képet kicsinyítsük le 600 pixel szélességűre és mentsük el
micimacko-kis.jpg néven!

Hozzuk létre könyvünk Oldal6 oldalát, melyre másoljuk át a "VISSZA" gombot, a Cimke1 cimkét. Ennek szövegét írjuk át "NAGYÍTÓ A KÉPEN"-re. Majd illesszük be az oldalra a micimacko-kis.jpg képet!

Ezután kattintsunk a Kép1 elemre, a Kép tulajdonságok ablak Speciális lapján gördítsük le az Akció listát, ahonnan válasszuk ki a Nagyítás pontot!
Ezután tallózással válasszuk ki a
Fájl mezőben azt a képet a helyét, amely a nagyítóban megjelenik (jelen esetben a micimacko-nagy.jpg fájlt).

 

 

 

 

 Az Akció mező legalsó ablaka (Méret) a nagyító eszköz rajzának méretét jelzi. Ezt akár 200-asra is növelhetjük.

Fogadjuk el a beállításokat, majd próbáljuk ki az oldal működését!

Az oldal próbájakor a Nagyító akciót tartalmazó képen az egérmutató nagyító lesz, melyet az egérgomb lenyomásával aktiválhatunk. A módszer tablóképek esetén előnyösen használható.