Das Lake-Applet ist ein Javascript, das das Spiegelbild eines Motivs in einem leicht welligem See simuliert.
Das Bild wird dabei an seiner Unterkante gespiegelt und ein Welleneffekt auf das Duplikat gelegt.

Die Implementierung ist denkbar einfach:
 

1. Lake.zip downloaden und in den Ordner entpacken in dem später auch die Seite mit dem Bild liegt.

2. Jetzt die Html oder auch PHP -Seite, in der das Applet gezeigt werden soll mit Frontpage oder ähnlichem öffnen.

3. Das Bild in die Seite einbinden. Damit der Effekt echt wirkt, soll die Unterkante des Bildes die Uferlinie darstellen.

 Hier ein Beispiel:
 

4. Nun ist festzustellen, wie breit und hoch das Bild in Pixel ist:

So das Bild schon ein die Webseite eingebunden ist, läßt sich die Größe direkt aus dem HTML-Code auslesen.
Eine solche Zeile ist im HTML-Code zu suchen:
<img border="0" src="http://www.sr71.dyndns.info/infos/info--lakeapplet/india-palolem.jpg" width="300" height="199">

 Ansonsten macht das jedes beliebige Bildbearbeitungsprogramm.


5. An der Stelle, an der später das Bild mit dem Applet erscheinen soll, wird folgende Code kopiert:

   <applet code="Lake.class" width="xxx" height="yyy">
   <param name="image" value="bild.jpg">
   </applet>


8. Das xxx im Code muß durch die Breite des Bildes in Pixel ersetzt werden.

9. Das yyy im Code muß durch die doppelte Höhe des Bildes in Pixel ersetzt werden.

10. Das bild.jpg  wird durch den Namen des Bildes und dessen Pfad ersetzt.
     Der Code für untenstehendes Applet schaut wie folgt aus:

   <applet code="Lake.class" width="300" height="398">
   <param name="image" value="./infos/info--lakeapplet/india-palolem.jpg">
   </applet>

11. Der Name der Java-Classe in der Codezeile ist case sensitive!  Wird das "Lake.class" klein geschrieben, wird die Classe auch
      nicht gefunden und es kommt zu folgender Fehlermeldung:
      java.lang.NoClassDefFoundError: lake (wrong name: Lake)

      -> Also es ist nicht egal ob man  *lake.class* oder  *Lake.class* schreibt!

12. Falls durch die Wellenbewegung am unteren Rand des Applets manchmal ein unschöner Rand sichtbar wird, ist der Wert von "yyy" etwas zu verkleinern.

13. Und so schaut die Sache aus, wenn Sie fertig ist:

 

(c)  J.Schilling 04.09.2009