<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- vanaf hier: nodig voor het carrousel -->
<!-- ===== naar goede pad omzetten: ===== -->
<link rel="stylesheet" type="text/css"
href="../css/carrousel.css">
<script type="text/javascript"
src="/css/carrousel.js"></script>
<script type="text/javascript">
var setPause = 4; // tijd tot verschijnen volgende afbeelding, in te stellen in sec
/*
de onderstaande styles zijn hier nodig om IE bij opstarten geen flits van het
scrollbalkje te laten zien;
ze zouden anders opgenomen kunnen worden als unobtrusive javascript, want dat levert
een kwaliteitspunt op bij de Webrichtlijnen Quickscan :-)
*/
document.write('<style type="text/css">')
document.write(' #carrousel li { position: absolute; /* voor IE! */ }');
document.write(' #carrousel img { display: none; position: absolute; z-index: 1; }');
document.write(' #carrousel #thumb-1 { display: block; opacity: 1; }');
document.write('<\/style>');
</script>
<!-- einde: nodig voor het carrousel -->
<!--Favicon-->
<!--Favicon-->
<!-- Lightbox -->
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<!-- end Lightbox -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Goodnight Ladies | Welkom op de website van theater en zang groep de Goodnight Ladies in Almen</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style type="text/css">
body,td,th {
font-family: "Arial, Helvetica, sans-serif";
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body class="dining-furniture" onload="readImageNumber();carrousel()MM_preloadImages('../images/Mediabuttons/ytbuttonroll.png','../images/Mediabuttons/ttbuttunroll.png','../images/Menu/homeroll.jpg','../images/Menu/overonsroll.jpg','../images/Menu/mediaroll.jpg','../images/Menu/agendaroll.jpg','../images/Menu/contactroll.jpg','../images/Menu/linksroll.jpg')">
<div id="outer-container">
<div id="header">
<div id="logo">
<h1><a href="../index.html"><img src="../images/Backgroundheaders/Topheader.jpg" alt="" width="340" height="45" /></a></h1>
</div>
<!-- End logo and strapline -->
<!-- Top navigation -->
<!-- End Top navigation -->
</div>
<div id="Navigationbar"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../images/Menu/homeroll.jpg',1)"><img src="../images/Menu/home.jpg" width="67" height="35" border="0" id="home" /></a><a href="overons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('overons','','../images/Menu/overonsroll.jpg',1)"><img src="../images/Menu/overons.jpg" width="120" height="35" border="0" id="overons" /></a><a href="media.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/Menu/mediaroll.jpg',1)"><img src="../images/Menu/media.jpg" width="75" height="35" border="0" id="media" /></a><a href="agenda.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('agenda','','../images/Menu/agendaroll.jpg',1)"><img src="../images/Menu/agenda.jpg" width="100" height="35" border="0" id="agenda" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/Menu/contactroll.jpg',1)"><img src="../images/Menu/contact.jpg" width="110" height="35" border="0" id="contact" /></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','../images/Menu/linksroll.jpg',1)"><img src="../images/Menu/links.jpg" width="71" height="35" border="0" id="links" /></a></div>
<!-- MEDIA-->
<div id="youtubetwitter"><a href="http://www.twitter.com/gnladies" target="_new" onmouseover="MM_swapImage('tt','','../images/Mediabuttons/ttbuttunroll.png',1)" onmouseout="MM_swapImgRestore()"><img src="../images/Mediabuttons/ttbutton.png" width="33" height="33" border="0" id="tt" /></a><a href="http://www.youtube.com/gnladies" target="_new" onmouseover="MM_swapImage('yt','','../images/Mediabuttons/ytbuttonroll.png',1)" onmouseout="MM_swapImgRestore()"><img src="../images/Mediabuttons/ytbutton.png" width="33" height="33" border="0" id="yt" /></a></div>
<!-- MEDIA-->
<!-- end header -->
<div id="content-container">
<div id="top-promo">
<!-- Slideshow -->
<div id="carrousel"><!-- ===== dit is nodig voor het carrousel ===== -->
<ul>
<li><img id="thumb-1" alt=""
src="/flash/images/1.jpg" />
</li>
<li><img id="thumb-2" alt=""
src="/flash/images/2.jpg" />
</li>
<li><img id="thumb-3" alt=""
src="/flash/images/3.jpg" />
</li>
<li><img id="thumb-4" alt=""
src="/flash/images/4.jpg" />
</li>
<li><img id="thumb-5" alt=""
src="/flash/images/5.jpg" />
</li>
</ul>
</div>
<!-- einde Slideshow -->
<!-- Caption -->
<div id="top-promo-right">
<div id="rightpromoheader"><img src="../images/Backgroundheaders/agenda2.jpg" alt="" width="280" height="35" /></div>
<p><br />
</p>
<div id="top-promo-right2">
<p>13 November @ Almen </p>
<p>14 November @ Almen </p>
<p> </p>
<p> </p>
<p> </p>
<h4><a href="agenda.html">meer...</a></h4>
</div>
</div>
</div>
<!-- End Top promo --><!-- Start lower content areas -->
<div id="text-columns"><!-- Column 1 -->
<div id="text-column-1">
<div id="welkomheader"><img src="../images/Backgroundheaders/welkomheader.jpg" alt="" width="580" height="35" /></div>
<p> </p>
<p>Welkom op de website van de Goodnight Ladies uit Almen. <br />
<br />
De Goodnight ladies zijn een groep van negen enthousiaste zangeressen met theaterlef. Ze zijn speels, ontroeren en er altijd op gericht om het publiek te ontmoeten. De Goodnight Ladies zijn het Ultieme Cadeau. De groep treedt dan bij wijze van cadeau op voor een jarige, bij een huwelijk, een afscheid of zo maar een gelegenheid. Er wordt een lied op maat gemaakt met een passende theateract.</p>
<p><a href="../overons.html">(over ons)</a></p>
</div>
<div id="text-column-2">
<div id="loginheader"><img src="../images/Backgroundheaders/login.jpg" alt="" width="280" height="35" /></div>
<p> </p>
<table width="280" border="0" cellpadding="0">
<tr>
<td><div align="right">
<form id="form1" method="post" action="">
<p>
<label for="naam2">Naam</label>
</p>
</form>
</div></td>
<td><div align="left">
<input name="naam" type="text" id="naam2" size="25" />
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="form2" method="post" action="">
<p>
<label for="wachtwoord">Wachtwoord:</label>
</p>
</form>
</div></td>
<td><div align="left">
<input name="wachtwoord" type="text" id="wachtwoord" size="25" />
</div></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td><div align="left">
<form id="form3" method="post" action="">
<p>
<input type="submit" name="button" id="button" value="Login" />
</p>
</form>
</div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<!-- End lower content areas -->
<div class="clear"></div>
</div>
<!-- End Content areas -->
<!-- Start footer -->
<div id="footer">
<p align="center">Designed by <a href="mailto:larslenselink@hotmail.com">lars lenselink</a> | Copy Right @ Goodnight Ladies 2010 | <a href="mailto:info@goodnightladies.nl">info@goodnightladies.nl</a><a href="mailto:jw.reezigt@planet.nl"></a></p>
<p align="center"><a href="../index.html">Home</a> | <a href="../overons.html">Over Ons</a> | <a href="../media.html">Media</a> | <a href="../agenda.html">Agenda</a> |<a href="../contact.html">Contact</a> | <a href="../links.html">links</a></p>
</div>
<!-- End footer -->
</div>
<!-- End outer container -->
<script type="text/javascript">
</script>
</body>
</html>
) Nu heb ik alleen 2 vragen. Ik kreeg een mail van een van de leden dat het flash bestand boven in de pagina niet kunnen afspelen, en ik hoorde dit van meerdere mensen. Dit komt omdat ze niet de goede flash versie hebben want bij mij werkt alles prima. Toch vind ik dit iritant, en mijn vraag is, is er een andere manier of alternatief voor deze flash slideshow zodat iedereen hem kan zien ongeacht instellingen?
