With the introduction of Dynamic HTML, new web page creation techniques open themselves up for use with Webcam32 to create more sophisticated pages for displaying the image output. Dynamic HTML is still new and unfortunately has incompatibilities between Microsoft Internet Explorer V4 and Netscape Navigator V4. This document focuses on Internet Explorer V4 (IE4).
Knowledge of JavaScript and Dynamic HTML are assumed for complete understanding of these examples.
Image Reload - Reloading an image within a page without refreshing the whole page
Countdown Display - Displaying a countdown timer till the next reload.
Dynamic HTML provides a new technique for image reload. This technique allows an image to be reloaded in place without having to utilize a JAVA applet.
The following JavaScript code illustrates the reloadImg() function. This function will reload an IMG which has ID imgToReload. This function overrides the cache by fooling the browser.
When displaying an image on your webpage delivered from Webcam32 and refreshed periodically, a countdown timer showing the time till the next reload can be a nice addition. The following text illustrates an example of this:
Next Reload in 0 seconds
This function can be achieved with IE4 with the following code:
Next Reload in |