Heb een site gemaakt met CSS en daarin een slideshow java script geplaatst.
Vreemde is dat de slideshow wel werkt in sharepoint designer en als ik voorbeeld browser aanklik, maar als ik de side upload werkt de slide show niet in IE en krijg je alleen een kruisje in FF zie je helemaal niets ?
Dit is de code van mijn site, heb er heel weinig kaas van gegeten maar door veel uitproberen kom ik er meestal wel uit maar op het moment zie ik het echt even niet meer
Vreemde is dat de slideshow wel werkt in sharepoint designer en als ik voorbeeld browser aanklik, maar als ik de side upload werkt de slide show niet in IE en krijg je alleen een kruisje in FF zie je helemaal niets ?
Dit is de code van mijn site, heb er heel weinig kaas van gegeten maar door veel uitproberen kom ik er meestal wel uit maar op het moment zie ik het echt even niet meer
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" lang="nl">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="nl"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<meta http-equiv="imagetoolbar" content="no"/>
<meta name="robots" content="index, nofollow"/>
<meta name="revisit-after" content="1 month"/>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<style type="text/css">
a {
color: #C0C0C0;
}
a:visited {
color: #C0C0C0;
}
a:active {
color: #C0C0C0;
}
a:hover {
color: #C0C0C0;
}
.style1 {
margin-left: 0px;
}
<!-- Start PureCSSMenu.com STYLE -->
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#333333;
background-repeat:repeat;
border-color:#cccccc #111111 #111111 #cccccc;
border-width:1px;
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
float: left;
}
ul.pureCssMenu ul{
width:130.20000000000002px;
}
ul.pureCssMenu li{
display:block;
margin:2px 0px 0px 2px;
font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#333333;
border-width:1px;
border-color:#333333;
border-style:solid;
text-align:left;
text-decoration:none;
padding:2px 5px 2px 10px;
_padding-left:0;
font:13px Verdana;
color: #cccccc;
text-decoration:none;
cursor:default;
}
ul.pureCssMenu span{
overflow:hidden;
}
ul.pureCssMenu li {
float:left;
}
ul.pureCssMenu ul li {
float:none;
}
ul.pureCssMenu ul a {
text-align:left;
white-space:nowrap;
}
ul.pureCssMenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
}
ul.pureCssMenu li.sep span{
float:none; padding-right:0;
width:3px;
height:100%;
background-color:#333333 #333333 #333333 #333333; background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3px;
}
ul.pureCssMenu li:hover{
position:relative;
}
ul.pureCssMenu li:hover>a{
background-color:#787878;
border-color:#393939;
border-style:solid;
font:13px Verdana;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li a:hover{
position:relative;
background-color:#787878;
border-color:#333333;
border-style:solid;
font:13px Verdana;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li.dis a {
color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
display:block;
background-image:url("images/arr_white.gif");
background-position:right center;
background-repeat: no-repeat;
padding-right:12px;}
ul.pureCssMenu li:hover>a>span{ background-image:url("images/arrv_white.gif");
}
ul.pureCssMenu a:hover span{ _background-image:url("images/arrv_white.gif")}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url("images/arr_white.gif")}
<!-- End PureCSSMenu.com STYLE -->
.style2 {
font-family: Verdana;
color: #FFFFFF;
font-size: x-small;
}
.style3 {
margin-top: 5%;
margin-bottom: 5%;
}
</style>
<script language="JavaScript1.1">
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="Images/Indexpagina/1.jpg"// foto 1
var foto2=new Image()
foto2.src="Images/Indexpagina/2.jpg"// foto 2
var foto3=new Image()
foto3.src="Images/Indexpagina/3.jpg"// foto 3
var foto4=new Image()
foto4.src="Images/Indexpagina/4.jpg"// foto 4
var foto5=new Image()
foto5.src="Images/Indexpagina/5.jpg"// foto 5
</script>
</head>
<body onLoad="overvloeier()">
<div class="header">
<div style="position: absolute; width: 270px; height: 73px; z-index: 1; left: 65%; top: 58px" id="laag1" class="style1">
<img alt="" src="images/LogoChopinScriptTekonPro.gif" width="300" height="77" /></div></div>
<div class="maincontent">
<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="Index.html">Home</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Portfolio<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="../Zwanger.html">Zwanger</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="Pasgeboren.html">Pas Geboren</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Kids.html">Kids</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Portret.html">Portret</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Bruiloft.html">Bruiloft</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../DierenenNatuur.html">Dieren en Natuur</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Diverse.html">Diverse</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="#">Informatie<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="../BabyFotoshoot.html">Baby Fotoshoot</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Fotoshoot.html">Fotoshoot</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="Overmij.html">Over mij</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="../Contact.html">Contact</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="Gastenboek.html">Gastenboek</a></li>
</ul>
<br />
<br /><br />
<a href="javascript:overgang()">
<center>
<img src="../../Mijn%20websites/Nieuwe%20site/Images/Indexpagina/1.jpg"name="slide" border=0 style="filter:blendTrans(duration=3)"width="706" height="437" class="style3"/></center></a>
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<5)// aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden
}
</script>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /><p><center>© Ilse Hetterscheid Fotografie, voor ieder gebruik is toestemming vereist, bij ieder gebruik is naamsvermelding verplicht</center></p>
</div> </body>
</html>
Laatst bewerkt:
vergang()"> -->
maar ben blij dat het eindelijk redelijk werkt dan kan ik ook verder met de rest.
