Dzieki za pomoc.
Generalnie chce zastosowac ta sama funkcje appear do tekstu ktora zostala zastosowana do ograzkow.
Chce po prostu umiescic np. adres ktory bedzie tekstem i ktory pojawi sie stopniowo po zaladowaniu strony.
Podaje kod-przepraszam za ewentualne ''smieci'' w srodku.
Kod
<!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>Spinka</title>
<script type="text/javascript" src="javascript/scriptaculous.js"></script>
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript">
function ShowEffect(apDiv13){
new Effect.Appear(apDiv13,
{duration:1, from:0, to:1.0});
}
window.onload = begin;
function begin()
{
new Effect.Appear(document.getElementById('frame1'), { duration: 1.0 });
new Effect.Appear(document.getElementById('frame2'), { duration: 5.0 });
new Effect.Appear(document.getElementById('frame3'), { duration: 1.0 });
new Effect.Appear(document.getElementById('frame5'), { duration: 3.0 });
new Effect.Appear(document.getElementById('frame7'), { duration: 7.0 });
new Effect.Appear(document.getElementById('frame8 copy'), { duration: 8.0 });
new Effect.Appear(document.getElementById('frameadres'), { duration: 7.0 });
new Effect.Appear(document.getElementById('apDiv13'), { duration: 7.0 });
}
</script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if lt IE 7]>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<![endif]-->
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:216px;
top:120px;
width:232px;
height:208px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:1102px;
top:303px;
width:241px;
height:248px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:78px;
top:521px;
width:347px;
height:207px;
z-index:2;
}
#apDiv4 {
position:absolute;
left:43px;
top:42px;
width:400px;
height:499px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:395px;
top:278px;
width:181px;
height:74px;
z-index:4;
}
#apDiv6 {
position:absolute;
left:511px;
top:59px;
width:182px;
height:129px;
z-index:5;
}
#apDiv7 {
position:absolute;
left:889px;
top:45px;
width:583px;
height:76px;
z-index:6;
}
#apDiv8 {
position:absolute;
left:851px;
top:51px;
width:479px;
height:92px;
z-index:6;
}
.style1 {color: #FFFFFF}
#apDiv9 {
position:absolute;
left:1494px;
top:55px;
width:385px;
height:341px;
z-index:7;
}
#apDiv10 {
position:absolute;
left:700px;
top:337px;
width:218px;
height:260px;
z-index:6;
}
#apDiv11 {
position:absolute;
left:854px;
top:45px;
width:488px;
height:112px;
z-index:7;
}
#apDiv12 {
position:absolute;
left:629px;
top:9px;
width:89px;
height:30px;
z-index:8;
}
#apDiv13 {
position:absolute;
left:553px;
top:16px;
width:174px;
height:23px;
z-index:8;
}
#apDiv14 {
position:absolute;
left:453px;
top:21px;
width:117px;
height:12px;
z-index:8;
}
#apDiv15 {
position:absolute;
left:473px;
top:15px;
width:118px;
height:33px;
z-index:8;
}
#apDiv16 {
position:absolute;
left:93px;
top:23px;
width:429px;
height:79px;
z-index:8;
}
#apDiv17 {
position:absolute;
left:993px;
top:0px;
width:296px;
height:31px;
z-index:8;
}
#apDiv18 {
position:absolute;
left:437px;
top:424px;
width:178px;
height:66px;
z-index:8;
}
#apDiv19 {
position:absolute;
left:734px;
top:14px;
width:383px;
height:54px;
z-index:8;
}
#apDiv20 {
position:absolute;
left:688px;
top:19px;
width:141px;
height:54px;
z-index:8;
}
-->
</style>
</head>
<body>
<div id="apDiv2"><img id="frame1" style="display:none;" src="images/frame1.gif" width="233" height="283" /></div>
<div id="apDiv3"><img id="frame2" style="display:none;" src="images/frame2.gif" width="600" height="425" /></div>
<div id="apDiv4"><img id="frame3" style="display:none;" src="images/frame3.gif" width="334" height="416" /></div>
<div id="apDiv5"><img id="frame5" style="display:none;" src="images/frame5.gif" width="300" height="257" /></div>
<div id="apDiv6"><img id="frame7" style="display:none;" src="images/frame7.gif" width="237" height="194" /></div>
<div id="apDiv10"><img id="frame8 copy" style="display:none;" src="images/frame8 copy.gif" width="400" height="499" /></div>
<div id="apDiv11"><img id="frameadres" style="display:none;" src="images/frameadres.gif" width="568" height="264" /></div>
<div id="bg">
<div>
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="file:///D|/SPINKA/spinka_web/images/background.jpg" alt=""/></td>
</tr>
</table>
</div>
</div>
<?php include("../footer.php"); ?>
</body>
</html>