|
EXAMPLES
It takes a sec to load, click on the
desired popup style to see the webcam popup window.
a)
Webcam in
a popup
b) Webcam with caption in the
popup
1) Download
this ZIP file with
the overlib.js script file and unzip into the appropriate directory.
2) Insert the following code anywhere in the <BODY> section of your
page.
3) Insert the following HTML code inside
the <BODY> section where you want the popup box to appear on your page.
Example a)
Example b)
4) To change the size of
the popup window and the link to the webcam look for this piece of HTML code:
Example a)
<A HREF="javascript:void" onMouseOver="return overlib('<html><head><body><table
width=200 height=210><tr><td background=http://www.sunplus.com/fuji/cam/now.jpg><br></td></td></table>')"
onMouseOut="nd();">Webcam in
a popup window</A>
Example b)
<A HREF="javascript:void" onMouseOver="return overlib('<html><head><body font
link=#FFFFFF><table width=200 height=210><tr><td
background=http://www.sunplus.com/fuji/cam/now.jpg><br></td></td></table>',
CAPTION, 'Mount Fuji Webcam:', FGCOLOR, '#FFFFFF', BGCOLOR,
'#000000', BORDER, 3, CAPTIONFONT, 'Arial', TEXTFONT, 'Arial', TEXTSIZE,
'2')" onMouseOut="nd();">Webcam with caption in the
popup</A>
5) To change the background colors and the
border of the popup box in examples a), look for this piece of code in the .js
file:
// Main background color
(the large area)
// Usually a bright color (white, yellow etc)
if (typeof ol_fgcolor == 'undefined') { var ol_fgcolor = "#CCCCFF";}
// Border color and color of
caption
// Usually a dark color (black, brown etc)
if (typeof ol_bgcolor == 'undefined') { var ol_bgcolor = "#333399";}
Have a look also at dhtml_script_43
for other examples using the main overLIB script.
|
