Hallo mensen,
ik probeer twee gebeurtenissen plaats te laten vinden bij het laden van een pagina:
er moet een slideshow starten en er moet een muziekje starten in combinatie met een boodschap in de statusbalk. Ik wordt zo langzamerhand helemaal gek van alle accolades, haakjes en puntkomma's: in ieder geval werkt of de een of de ander, maar niet beide.
Als ik de muziekevent in de code zet, komt wel de statusbalkmelding maar ik hoor geen muziek, hoe lang ik ook wacht (en ja, de boxjes staan aan ;-).De event voor de muziek is:
<body bgcolor="#FFFFFF" text="#800080" link="#800080" vlink="#800080" alink="#990000" onload="self.status='U hoort het 2e deel van de 9e symphonie van W.A. Mozart';return true"><bgsound src="muziek/mozart9.wav" loop="infinite">
en de code van de hele pagina waar dit in moet is:
<html>
<head>
<title>Homepage www.hetsalet.nl</title>
<LINK href="Stylesheet.css"
type=text/css rel=stylesheet>
<style>
.Caption {
font-family: Arial;
font-weight: plain;
color: #CCFFCC;
}
</style>
<!-- hierboven kun je het uiterlijk veranderen van de tekst onder de foto's -->
<script>
// hier de snelheid van de slideshow (in milliseconden)
var SlideShowSpeed = 3000;
// duur van de crossfade (in seconden)
var CrossFadeDuration = 3;
var Picture = new Array(); //
var Caption = new Array(); //
// hieonder kun je meer images tovoegen
// ze moeten echter gelijk zijn aan het aantal captions daaronder
Picture[1] = 'images/intro/intro01tn.jpg';
Picture[2] = 'images/intro/intro02tn.jpg';
Picture[3] = 'images/intro/intro03tn.jpg';
Picture[4] = 'images/intro/intro04tn.jpg';
Picture[5] = 'images/intro/intro05tn.jpg';
Picture[6] = 'images/intro/intro06tn.jpg';
Picture[7] = 'images/intro/intro07tn.jpg';
Picture[8] = 'images/intro/intro08tn.jpg';
Picture[9] = 'images/intro/intro09tn.jpg';
Picture[10] = 'images/intro/intro10tn.jpg';
Picture[11] = 'images/intro/intro11tn.jpg';
Picture[12] = 'images/intro/intro12tn.jpg';
// teksten bij de plaatjes ( aantal moet gelijk zijn aan aantal plaatjes hierboven )
Caption[1] = "";
Caption[2] = "";
Caption[3] = "";
Caption[4] = "";
Caption[5] = "";
Caption[6] = "";
Caption[7] = "";
Caption[8] = "";
Caption[9] = "";
Caption[10] = "";
Caption[11] = "";
Caption[12] = "";
// =====================================
// verander hieronder niets meer
var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}
</script>
</head>
<body onload=runSlideShow(); "self.status='U hoort U.W. van Wassenaers Sonata Terza in G Minor door Van Houwelingen, Dekker en Hirschfeld';return true">
<bgsound src="vanwassenaer.wav" loop="infinite">
<center>
<table border=0 cellpadding="0" cellspacing="0" width="780">
<! --- bovenste blauwe regel --- !>
<tr bgcolor="#151964">
<td colspan="3" width="780">
</td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="3" align="left" width="780">
<img border="0" src="images/logo2.jpg" width="770" height="55"></td>
</tr>
<! --- regel met grote pace gif in blauw --- !>
<tr bgcolor="#151964">
<td colspan="3" width="780">
</td>
</tr>
<! --- regel met 4 kolommen space gifjes --- !>
<tr bgcolor="#ffffff">
<td width="148"> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td width="436">
<center>
<table border=0 cellpadding=0 cellspacing=0>
<tr><BR>
<!--
hieronder staat de hoogte en de breedte van de tabel waarin de plaatjes worden getoond
//-->
<td width=350 height=280>
<img src=images/intro/intro01tn.jpg name=PictureBox width=350 height=280>
</td>
</tr>
<tr>
<!--
hieronder de cel waar de tekst wordt weergegeven.. kleur is aan te passen
//-->
<td id=CaptionBox class=Caption align=center bgcolor=#FFFFFF>
<font color="#FFFFFF">Dit is de standaard tekst.
</font>
</td>
</tr>
</table>
<p><br>
<a href="index2.html">
<img border="0" src="images/intro/welkom2.gif" width="400" height="150"></a><br>
<br>
</p>
</center>
</div></td>
<td width="177">
</td>
</tr>
</table>
</body>
</html>
ik probeer twee gebeurtenissen plaats te laten vinden bij het laden van een pagina:
er moet een slideshow starten en er moet een muziekje starten in combinatie met een boodschap in de statusbalk. Ik wordt zo langzamerhand helemaal gek van alle accolades, haakjes en puntkomma's: in ieder geval werkt of de een of de ander, maar niet beide.
Als ik de muziekevent in de code zet, komt wel de statusbalkmelding maar ik hoor geen muziek, hoe lang ik ook wacht (en ja, de boxjes staan aan ;-).De event voor de muziek is:
<body bgcolor="#FFFFFF" text="#800080" link="#800080" vlink="#800080" alink="#990000" onload="self.status='U hoort het 2e deel van de 9e symphonie van W.A. Mozart';return true"><bgsound src="muziek/mozart9.wav" loop="infinite">
en de code van de hele pagina waar dit in moet is:
<html>
<head>
<title>Homepage www.hetsalet.nl</title>
<LINK href="Stylesheet.css"
type=text/css rel=stylesheet>
<style>
.Caption {
font-family: Arial;
font-weight: plain;
color: #CCFFCC;
}
</style>
<!-- hierboven kun je het uiterlijk veranderen van de tekst onder de foto's -->
<script>
// hier de snelheid van de slideshow (in milliseconden)
var SlideShowSpeed = 3000;
// duur van de crossfade (in seconden)
var CrossFadeDuration = 3;
var Picture = new Array(); //
var Caption = new Array(); //
// hieonder kun je meer images tovoegen
// ze moeten echter gelijk zijn aan het aantal captions daaronder
Picture[1] = 'images/intro/intro01tn.jpg';
Picture[2] = 'images/intro/intro02tn.jpg';
Picture[3] = 'images/intro/intro03tn.jpg';
Picture[4] = 'images/intro/intro04tn.jpg';
Picture[5] = 'images/intro/intro05tn.jpg';
Picture[6] = 'images/intro/intro06tn.jpg';
Picture[7] = 'images/intro/intro07tn.jpg';
Picture[8] = 'images/intro/intro08tn.jpg';
Picture[9] = 'images/intro/intro09tn.jpg';
Picture[10] = 'images/intro/intro10tn.jpg';
Picture[11] = 'images/intro/intro11tn.jpg';
Picture[12] = 'images/intro/intro12tn.jpg';
// teksten bij de plaatjes ( aantal moet gelijk zijn aan aantal plaatjes hierboven )
Caption[1] = "";
Caption[2] = "";
Caption[3] = "";
Caption[4] = "";
Caption[5] = "";
Caption[6] = "";
Caption[7] = "";
Caption[8] = "";
Caption[9] = "";
Caption[10] = "";
Caption[11] = "";
Caption[12] = "";
// =====================================
// verander hieronder niets meer
var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}
</script>
</head>
<body onload=runSlideShow(); "self.status='U hoort U.W. van Wassenaers Sonata Terza in G Minor door Van Houwelingen, Dekker en Hirschfeld';return true">
<bgsound src="vanwassenaer.wav" loop="infinite">
<center>
<table border=0 cellpadding="0" cellspacing="0" width="780">
<! --- bovenste blauwe regel --- !>
<tr bgcolor="#151964">
<td colspan="3" width="780">
</td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="3" align="left" width="780">
<img border="0" src="images/logo2.jpg" width="770" height="55"></td>
</tr>
<! --- regel met grote pace gif in blauw --- !>
<tr bgcolor="#151964">
<td colspan="3" width="780">
</td>
</tr>
<! --- regel met 4 kolommen space gifjes --- !>
<tr bgcolor="#ffffff">
<td width="148"> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td width="436">
<center>
<table border=0 cellpadding=0 cellspacing=0>
<tr><BR>
<!--
hieronder staat de hoogte en de breedte van de tabel waarin de plaatjes worden getoond
//-->
<td width=350 height=280>
<img src=images/intro/intro01tn.jpg name=PictureBox width=350 height=280>
</td>
</tr>
<tr>
<!--
hieronder de cel waar de tekst wordt weergegeven.. kleur is aan te passen
//-->
<td id=CaptionBox class=Caption align=center bgcolor=#FFFFFF>
<font color="#FFFFFF">Dit is de standaard tekst.
</font>
</td>
</tr>
</table>
<p><br>
<a href="index2.html">
<img border="0" src="images/intro/welkom2.gif" width="400" height="150"></a><br>
<br>
</p>
</center>
</div></td>
<td width="177">
</td>
</tr>
</table>
</body>
</html>
