hoi
dit is denk ik wellicht voor sommige een eenvoudige vraag maar ik heb voor m'n intropagina al een paar instellingen gewijzigd maar krijg het nog niet zoals ik wil
ik wil een background image van een kleurvlak naar foto laten komen (dus gaandeweg krijg je de foto te zien)
ik heb het script etc en al aangepast dat ie met het kleurvlak begint maar eenmaal ik de popup toesta krijg ik meteen de foto die dan fades naar het kleurvlak en terug.
Heb drie vragen :
1. hoe krijg ik dat als ik de popup toesta ik eerst terug het kleurvlak te zien krijg
2. hoe kan ik het loopen stoppen : ik wil gewoon dat eenmaal de foto er is het faden stopt en dus gewoon dan de foto blijft + dan na 10 sec je automatisch naar de homepage gaat (voor dit laatste heb ik al een scriptje)
3. Ik zou op m'n intro nog wat floating images willen hebben (die dus random over je scherm gaan bewegen), Ik weet dat ik het script hiervoor al es gezien / gelezen heb maar ik ben effe het scriptje hiervoor kwijt. Kan iemand me dit nog es bezorgen ?
4. Ofschoon het dus in preview werkt krijg ik bij het saven wel een foutmelding :
"there is an error line 9 column 29 (absolute position 307) Wat is hier fout ? (ik heb in het script wel alle afmeting van 300 x 100 aangepast naar 1020 x 700 want dat is de grootte van m'n background image)
Hier is wat ik nu heb in code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- doorverwijzen pagina naar volgende
<meta http-equiv="refresh"content="10;URL=http://users.skynet.be/MYSITE/home.html">
<!-- TemplateBeginEditable name="doctitle" -->
<title>intro</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
#img1 {position:absolute; width:1020px; height:700px; left:0px; top:0px; z-index:1; visibility:hidden;}
#img2 {position:absolute; width:1020px; height:700px; left:0px; top:0px; z-index:2}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->
<!-- http://www.sentinelli.nl -->
<!-- Begin
var ie5=(document.getElementById && document.all);
var ns6=(document.getElementById && !document.all);
nPlus = 5 //the % of fading for each step
speed = 400 //the speed
// You don't have to edit below this line
nOpac = 100
function FadeImg(){
if(document.getElementById){
document.getElementById('img1').style.visibility="visible";
imgs = document.getElementById('img2');
opacity = nOpac+nPlus;
nOpac = opacity;
setTimeout('FadeImg()',speed);
if(opacity>100 || opacity<0){
nPlus=-nPlus;
}
if(ie5){
imgs.style.filter="alpha(opacity=0)";
imgs.filters.alpha.opacity = opacity;
}
if(ns6){
imgs.style.MozOpacity = 0 + '%';
imgs.style.MozOpacity = opacity + '%';
}
}
}
onload=FadeImg;
// End -->
</script>
</head>
<body>
<table width="1020" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<div id="img2">
<img src="bigstockphoto_Gavel_1020x700.jpg" border=0 width=1020 height=700>
</div>
<div id="img1">
<img src="background%20brown%201020x700.jpg" border=0 width=1020 height=700>
</div>
<!-- Script Size: 2.21 KB -->
<tr>
<td height="700" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="1020" height="700" valign="top"><img src="background%20brown%201020x700.jpg" width="1020" height="700"></td>
</tr>
</table></td>
</tr>
</body>
</html>
Bedankt voor jullie hulp op voorhand
dit is denk ik wellicht voor sommige een eenvoudige vraag maar ik heb voor m'n intropagina al een paar instellingen gewijzigd maar krijg het nog niet zoals ik wil
ik wil een background image van een kleurvlak naar foto laten komen (dus gaandeweg krijg je de foto te zien)
ik heb het script etc en al aangepast dat ie met het kleurvlak begint maar eenmaal ik de popup toesta krijg ik meteen de foto die dan fades naar het kleurvlak en terug.
Heb drie vragen :
1. hoe krijg ik dat als ik de popup toesta ik eerst terug het kleurvlak te zien krijg
2. hoe kan ik het loopen stoppen : ik wil gewoon dat eenmaal de foto er is het faden stopt en dus gewoon dan de foto blijft + dan na 10 sec je automatisch naar de homepage gaat (voor dit laatste heb ik al een scriptje)
3. Ik zou op m'n intro nog wat floating images willen hebben (die dus random over je scherm gaan bewegen), Ik weet dat ik het script hiervoor al es gezien / gelezen heb maar ik ben effe het scriptje hiervoor kwijt. Kan iemand me dit nog es bezorgen ?
4. Ofschoon het dus in preview werkt krijg ik bij het saven wel een foutmelding :
"there is an error line 9 column 29 (absolute position 307) Wat is hier fout ? (ik heb in het script wel alle afmeting van 300 x 100 aangepast naar 1020 x 700 want dat is de grootte van m'n background image)
Hier is wat ik nu heb in code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- doorverwijzen pagina naar volgende
<meta http-equiv="refresh"content="10;URL=http://users.skynet.be/MYSITE/home.html">
<!-- TemplateBeginEditable name="doctitle" -->
<title>intro</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
#img1 {position:absolute; width:1020px; height:700px; left:0px; top:0px; z-index:1; visibility:hidden;}
#img2 {position:absolute; width:1020px; height:700px; left:0px; top:0px; z-index:2}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->
<!-- http://www.sentinelli.nl -->
<!-- Begin
var ie5=(document.getElementById && document.all);
var ns6=(document.getElementById && !document.all);
nPlus = 5 //the % of fading for each step
speed = 400 //the speed
// You don't have to edit below this line
nOpac = 100
function FadeImg(){
if(document.getElementById){
document.getElementById('img1').style.visibility="visible";
imgs = document.getElementById('img2');
opacity = nOpac+nPlus;
nOpac = opacity;
setTimeout('FadeImg()',speed);
if(opacity>100 || opacity<0){
nPlus=-nPlus;
}
if(ie5){
imgs.style.filter="alpha(opacity=0)";
imgs.filters.alpha.opacity = opacity;
}
if(ns6){
imgs.style.MozOpacity = 0 + '%';
imgs.style.MozOpacity = opacity + '%';
}
}
}
onload=FadeImg;
// End -->
</script>
</head>
<body>
<table width="1020" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<div id="img2">
<img src="bigstockphoto_Gavel_1020x700.jpg" border=0 width=1020 height=700>
</div>
<div id="img1">
<img src="background%20brown%201020x700.jpg" border=0 width=1020 height=700>
</div>
<!-- Script Size: 2.21 KB -->
<tr>
<td height="700" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="1020" height="700" valign="top"><img src="background%20brown%201020x700.jpg" width="1020" height="700"></td>
</tr>
</table></td>
</tr>
</body>
</html>
Bedankt voor jullie hulp op voorhand
