Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #FFFF99;
}
-->
</style>
<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FFFF99;
scrollbar-3dlight-color: #FFFF99;
scrollbar-shadow-color: #FFFF99;
scrollbar-darkshadow-color: #FFFF99;
scrollbar-track-color: #FFFF99;
}
-->
</style>
<script>
// Set speed (milliseconds)
var speed = 5000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '../foto/f_001.JPG'
Pic[1] = '../foto/f_002.JPG'
Pic[2] = '../foto/f_003.JPG'
Pic[3] = '../foto/f_004.JPG'
Pic[4] = '../foto/f_005.JPG'
Pic[5] = '../foto/f_006.JPG'
Pic[6] = '../foto/f_007.JPG'
Pic[7] = '../foto/f_008.JPG'
Pic[8] = '../foto/f_009.JPG'
Pic[9] = '../foto/f_010.JPG'
Pic[10] = '../foto/f_011.JPG'
Pic[11] = '../foto/f_012.JPG'
Pic[12] = '../foto/f_013.JPG'
Pic[13] = '../foto/f_014.JPG'
Pic[14] = '../foto/f_015.JPG'
Pic[15] = '../foto/f_016.JPG'
Pic[16] = '../foto/f_017.JPG'
Pic[17] = '../foto/f_018.JPG'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
document.images.SlideShow.src = preLoad[j].src
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)
}
</script>
</head>
<body onload="runSlideShow()">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=480 width=640>
<img src="1.jpg" name='SlideShow' width=640 height=480></td>
</tr>
</table>
<div align="center">even geduld de slide show begind zo</div>
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="0"
height="0" align="middle"
id="RVOCX">
<param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma">
<param name="autostart" value="true">
<param name="controls" value="all">
<param name="console" value="one">
<param name="loop" value="one">
<embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma"
width="0"
height="0"
autostart="true" align="middle" loop ="true"
type="audio/x-pn-realaudio-plugin"
controls="all"
console="one"> </embed>
</object>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lucky strike</title>
<script type="text/javascript" src="preLoadingMessage.js"></script>
<style type="text/css">
<!--
#loading {
width: 200px;
height: 100px;
background-color: #c0c0c0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
-->
</style>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #FFFF99;
}
-->
</style>
<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FFFF99;
scrollbar-3dlight-color: #FFFF99;
scrollbar-shadow-color: #FFFF99;
scrollbar-darkshadow-color: #FFFF99;
scrollbar-track-color: #FFFF99;
}
-->
</style>
<script>
// Set speed (milliseconds)
var speed = 5000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '../foto/f_001.JPG'
Pic[1] = '../foto/f_002.JPG'
Pic[2] = '../foto/f_003.JPG'
Pic[3] = '../foto/f_004.JPG'
Pic[4] = '../foto/f_005.JPG'
Pic[5] = '../foto/f_006.JPG'
Pic[6] = '../foto/f_007.JPG'
Pic[7] = '../foto/f_008.JPG'
Pic[8] = '../foto/f_009.JPG'
Pic[9] = '../foto/f_010.JPG'
Pic[10] = '../foto/f_011.JPG'
Pic[11] = '../foto/f_012.JPG'
Pic[12] = '../foto/f_013.JPG'
Pic[13] = '../foto/f_014.JPG'
Pic[14] = '../foto/f_015.JPG'
Pic[15] = '../foto/f_016.JPG'
Pic[16] = '../foto/f_017.JPG'
Pic[17] = '../foto/f_018.JPG'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
document.images.SlideShow.src = preLoad[j].src
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)
}
</script>
</head>
<body onload="runSlideShow()">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=480 width=640>
<img src="1.jpg" name='SlideShow' width=640 height=480></td>
</tr>
</table>
<div align="center">even geduld de slide show begind zo</div>
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="0"
height="0" align="middle"
id="RVOCX">
<param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma">
<param name="autostart" value="true">
<param name="controls" value="all">
<param name="console" value="one">
<param name="loop" value="one">
<embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma"
width="0"
height="0"
autostart="true" align="middle" loop ="true"
type="audio/x-pn-realaudio-plugin"
controls="all"
console="one"> </embed>
</object>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lucky strike</title>
<style type="text/css">
<!--
#loading {
width: 200px;
height: 100px;
background-color: #c0c0c0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
-->
</style>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #FFFF99;
}
-->
</style>
<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FFFF99;
scrollbar-3dlight-color: #FFFF99;
scrollbar-shadow-color: #FFFF99;
scrollbar-darkshadow-color: #FFFF99;
scrollbar-track-color: #FFFF99;
}
-->
</style>
<script>
// Set speed (milliseconds)
var speed = 5000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '../foto/f_001.JPG'
Pic[1] = '../foto/f_002.JPG'
Pic[2] = '../foto/f_003.JPG'
Pic[3] = '../foto/f_004.JPG'
Pic[4] = '../foto/f_005.JPG'
Pic[5] = '../foto/f_006.JPG'
Pic[6] = '../foto/f_007.JPG'
Pic[7] = '../foto/f_008.JPG'
Pic[8] = '../foto/f_009.JPG'
Pic[9] = '../foto/f_010.JPG'
Pic[10] = '../foto/f_011.JPG'
Pic[11] = '../foto/f_012.JPG'
Pic[12] = '../foto/f_013.JPG'
Pic[13] = '../foto/f_014.JPG'
Pic[14] = '../foto/f_015.JPG'
Pic[15] = '../foto/f_016.JPG'
Pic[16] = '../foto/f_017.JPG'
Pic[17] = '../foto/f_018.JPG'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
document.images.SlideShow.src = preLoad[j].src
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)
}
</script>
</head>
<body onload="runSlideShow()">
<script type="text/javascript" src="preLoadingMessage.js"></script>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=480 width=640>
<img src="1.jpg" name='SlideShow' width=640 height=480></td>
</tr>
</table>
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="0"
height="0" align="middle"
id="RVOCX">
<param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma" />
<param name="autostart" value="true">
<param name="controls" value="all">
<param name="console" value="one">
<param name="loop" value="one">
<embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma"
width="0"
height="0"
autostart="true" align="middle" loop ="true"
type="audio/x-pn-realaudio-plugin"
controls="all"
console="one"> </embed>
</object>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lucky strike</title>
<style type="text/css">
<!--
#loading {
width: 200px;
height: 100px;
background-color: #c0c0c0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
-->
</style>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #FFFF99;
}
-->
</style>
<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FFFF99;
scrollbar-3dlight-color: #FFFF99;
scrollbar-shadow-color: #FFFF99;
scrollbar-darkshadow-color: #FFFF99;
scrollbar-track-color: #FFFF99;
}
-->
</style>
<script type="text/javascript">
<!--
// Set speed (milliseconds)
var speed = 5000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '../foto/f_001.JPG'
Pic[1] = '../foto/f_002.JPG'
Pic[2] = '../foto/f_003.JPG'
Pic[3] = '../foto/f_004.JPG'
Pic[4] = '../foto/f_005.JPG'
Pic[5] = '../foto/f_006.JPG'
Pic[6] = '../foto/f_007.JPG'
Pic[7] = '../foto/f_008.JPG'
Pic[8] = '../foto/f_009.JPG'
Pic[9] = '../foto/f_010.JPG'
Pic[10] = '../foto/f_011.JPG'
Pic[11] = '../foto/f_012.JPG'
Pic[12] = '../foto/f_013.JPG'
Pic[13] = '../foto/f_014.JPG'
Pic[14] = '../foto/f_015.JPG'
Pic[15] = '../foto/f_016.JPG'
Pic[16] = '../foto/f_017.JPG'
Pic[17] = '../foto/f_018.JPG'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
document.images.SlideShow.src = preLoad[j].src
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)
}
//-->
</script>
<base href="http://members.home.nl/dvanbijnen/patrick/" />
</head>
<body onload="runSlideShow()">
<script type="text/javascript" src="preLoadingMessage.js"></script>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" style="height:480px; width:640px">
<img src="1.jpg" name='SlideShow' width="640" height="480" alt="plaatje" /></td>
</tr>
</table>
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="0"
height="0" align="middle"
id="RVOCX">
<param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma" />
<param name="autostart" value="true" />
<param name="controls" value="all" />
<param name="console" value="one" />
<param name="loop" value="one" />
</object>
<!-- <embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma"
width="0"
height="0"
autostart="true" align="middle" loop ="true"
type="audio/x-pn-realaudio-plugin"
controls="all"
console="one"> </embed>
<object type="application/x-shockwave-flash"
data="c.swf?path=movie.swf"
width="400" height="300">
<param name="movie"
value="c.swf?path=movie.swf" />
</object> -->
</body>
</html>
document.write('<div id="loading"><br><br>Please wait...</div>');
// Created by: Simon Willison | http://simon.incutio.com/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
document.getElementById("loading").style.display="none";
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lucky strike</title>
<style type="text/css">
<!--
#loading {
width: 200px;
height: 100px;
background-color: #c0c0c0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
-->
</style>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #FFFF99;
}
-->
</style>
<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FFFF99;
scrollbar-3dlight-color: #FFFF99;
scrollbar-shadow-color: #FFFF99;
scrollbar-darkshadow-color: #FFFF99;
scrollbar-track-color: #FFFF99;
}
-->
</style>
<script type="text/javascript">
<!--
// Set speed (milliseconds)
var speed = 5000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '../foto/f_001.JPG'
Pic[1] = '../foto/f_002.JPG'
Pic[2] = '../foto/f_003.JPG'
Pic[3] = '../foto/f_004.JPG'
Pic[4] = '../foto/f_005.JPG'
Pic[5] = '../foto/f_006.JPG'
Pic[6] = '../foto/f_007.JPG'
Pic[7] = '../foto/f_008.JPG'
Pic[8] = '../foto/f_009.JPG'
Pic[9] = '../foto/f_010.JPG'
Pic[10] = '../foto/f_011.JPG'
Pic[11] = '../foto/f_012.JPG'
Pic[12] = '../foto/f_013.JPG'
Pic[13] = '../foto/f_014.JPG'
Pic[14] = '../foto/f_015.JPG'
Pic[15] = '../foto/f_016.JPG'
Pic[16] = '../foto/f_017.JPG'
Pic[17] = '../foto/f_018.JPG'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
document.images.SlideShow.src = preLoad[j].src
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', speed)
}
//-->
</script>
<base href="http://members.home.nl/dvanbijnen/patrick/" />
</head>
<body onload="runSlideShow()">
<script type="text/javascript" src="preLoadingMessage.js"></script>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" style="height:480px; width:640px">
<img src="1.jpg" name='SlideShow' width="640" height="480" alt="plaatje" /></td>
</tr>
</table>
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="0"
height="0" align="middle"
id="RVOCX">
<param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma" />
<param name="autostart" value="true" />
<param name="controls" value="all" />
<param name="console" value="one" />
<param name="loop" value="one" />
</object>
<embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma"
width="0"
height="0"
autostart="true" align="middle" loop ="true"
type="audio/x-pn-realaudio-plugin"
controls="all"
console="one"> </embed>
</body>
</html>
bij mij nog het zelfde
http://members.home.nl/dvanbijnen/patrick/patrick-1.htm
hij laat eerst de dia show en daarna pas preload
niemand ?![]()
dit werkt dus niet geen muziekje en nog het zelfde probValide:
HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>lucky strike</title> <style type="text/css"> <!-- #loading { width: 200px; height: 100px; background-color: #c0c0c0; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; text-align: center; } --> </style> <style type="text/css"> <!-- body,td,th { color: #000000; } body { background-color: #FFFF99; } --> </style> <style type="text/css"> <!-- body { scrollbar-arrow-color: #000000; scrollbar-face-color: #FF0000; scrollbar-highlight-color: #FFFF99; scrollbar-3dlight-color: #FFFF99; scrollbar-shadow-color: #FFFF99; scrollbar-darkshadow-color: #FFFF99; scrollbar-track-color: #FFFF99; } --> </style> <script type="text/javascript"> <!-- // Set speed (milliseconds) var speed = 5000 // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below Pic[0] = '../foto/f_001.JPG' Pic[1] = '../foto/f_002.JPG' Pic[2] = '../foto/f_003.JPG' Pic[3] = '../foto/f_004.JPG' Pic[4] = '../foto/f_005.JPG' Pic[5] = '../foto/f_006.JPG' Pic[6] = '../foto/f_007.JPG' Pic[7] = '../foto/f_008.JPG' Pic[8] = '../foto/f_009.JPG' Pic[9] = '../foto/f_010.JPG' Pic[10] = '../foto/f_011.JPG' Pic[11] = '../foto/f_012.JPG' Pic[12] = '../foto/f_013.JPG' Pic[13] = '../foto/f_014.JPG' Pic[14] = '../foto/f_015.JPG' Pic[15] = '../foto/f_016.JPG' Pic[16] = '../foto/f_017.JPG' Pic[17] = '../foto/f_018.JPG' // ======================================= // do not edit anything below this line // ======================================= var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow(){ document.images.SlideShow.src = preLoad[j].src j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', speed) } //--> </script> <base href="http://members.home.nl/dvanbijnen/patrick/" /> </head> <body onload="runSlideShow()"> <script type="text/javascript" src="preLoadingMessage.js"></script> <table border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td id="VU" style="height:480px; width:640px"> <img src="1.jpg" name='SlideShow' width="640" height="480" alt="plaatje" /></td> </tr> </table> <object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="0" height="0" align="middle" id="RVOCX"> <param name="src" value="http://members.home.nl/dvanbijnen/muziek/patrick.wma" /> <param name="autostart" value="true" /> <param name="controls" value="all" /> <param name="console" value="one" /> <param name="loop" value="one" /> </object> <!-- <embed src="http://members.home.nl/dvanbijnen/muziek/patrick.wma" width="0" height="0" autostart="true" align="middle" loop ="true" type="audio/x-pn-realaudio-plugin" controls="all" console="one"> </embed> <object type="application/x-shockwave-flash" data="c.swf?path=movie.swf" width="400" height="300"> <param name="movie" value="c.swf?path=movie.swf" /> </object> --> </body> </html>
Getest in IE en FF,
![]()
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.