Fade applet

* * *

Voor de slideshow hierboven heb ik drie foto's gebruikt die alledrie dezelfde afmetingen hebben.

Foto's van FreeFoto.com

Zet onderstaande code in je HTML-pagina en verander de namen van de afbeeldingen:

<APPLET CODE="FadeImages.class" WIDTH="320" HEIGHT="213" ALIGN="TOP" HSPACE="10" VSPACE="10"> <PARAM NAME="IMAGE 1" VALUE="sunrise4a.jpg"> <PARAM NAME="IMAGE 2" VALUE="sunrise7a.jpg"> <PARAM NAME="IMAGE 3" VALUE="sunrise9a.jpg"> <PARAM NAME="DISPLAY DELAY" VALUE="3000"> <PARAM NAME="TRANSITION DELAY" VALUE="100"> <PARAM NAME="TRANSITION FRAMES" VALUE="10"> <PARAM NAME="BGCOLOR" VALUE="FFA000"> </APPLET>

Let erop dat het class-bestand de afmeting krijgt van de foto's.

Download ~hier~ het class-bestand.
Drie zaken moeten dus geupload worden:
de foto's, het class-bestand en de HTML-pagina.

[Meer informatie over het maken van een HTML-pagina kan hier gevonden worden].

---

Wil je liever niet met applets werken? Een vergelijkbare tutorial, maar dan gemaakt met een javascript van Codelifter.com, kun je vinden bij Slideshow met fade-effect.

 

Start | Tutorials | Korte Lesjes | CSS | Fonts | Filters | Links | Allerlei | Zoeken | PSP-varia | P-Filiaal