Verder over Overlay's



De zwarte panter denkt zichzelf te zien in  weerspiegelen  in het water, maar ziet iets heel anders, en is er niet zo blij mee, zo te zien :)

Andersom is dat touwens ook het

geval. Ons wolfje kijkt ook niet blij als hij die ongure kop in het water ziet.

 

 

Hallo Mensen, 
Het basis idee was een overlay met een transparant gat erin te plaatsen over de applet reflectie. En dan door het transparantie gedeelte te kunnen kijken.
We moesten ook nog een niet transparant gedeelte bovenaan hebben, zodat het niet weerspiegelende gedeelte werd bedekt.

In dit geval werd voor het reflecterende gedeelte gebruik gemaakt van  het  wolfbruin jpg , 
dat eigenlijk 158 pixels hoog is.

Daarom moest het dichte, niet transparante gedeelte  minimaal of liefst een fractie groter zijn dan 158 pixels, om het niet reflecterende gedeelte van wolfbruin af te dekken.

Hoe uit te zoeken, welke de juiste maten moesten worden is hieronder weergegeven.
Na de 2 plaatjes van de panter en de wolf, plus de html code en het lake class bestand in 
een map te hebben geplaatst,

klikte ik er dubbel op, en........ het werkt......

Bij jou ook?????

Hieronder de html code voor bovenstaand applet.
Kopieer het, plak het in het kladblok. En sla het op onder een andere naam in een nieuwe 
map , gemaakt onder Lessen.


Wil je verder met deze grappige mogelijkheid spelen, dan
kopieer je deze code weer naar een nieuwe map, met nieuwe plaatjes. Maar vergeet niet 
dan ook weer het lake class bestand naar deze nieuwe map mee te nemen.

Hier dus de html code:

<html>
<body>

<applet code="Lake" width="280" height="300">

<param name="image" value="wolfbruin.jpg">

<param name="overlay" value="panter.gif">

</applet>

</body>
</html>

 

Hieronder de plaatjes. Klik er op met rechts . Kies voor "Opslaan Als " en zet ze in je nieuwe map.

 

 

panter.gif

Breedte 280  Hoogte  316

 

wolfbruin.jpg

Breedte 280  Hoogte 158

Overlay Maten
Breedte 280  Hoogte 158x2=316

HTML Maten
Breedte 280
Hoogte=158x2=316-16=300

 



Klik hier voor nog een voorbeeld van dit soort 
interessante overlays.
Nog nieuwsgierig naar andere ideeën, klik
dan Hier 

 

 

 

copyright: Maud de Graaf