I'm working on a project for college but ran into a "little" problem with SMIL, concerning positioning images.
You can see the smil presentation here: http://www.ket.trap17.com/smil-show/index.html (its only a 15 second presentation and doesn't take long to load. don't mind the language on the left image, its portuguese)
What i want to do, is to make the image on the right, to fade in in the same place as the left image. I tried setting a region but that didn't work, I tried using the layout tags in the <head> but that also didn't work (or maybe i did it the wrong way
), i also tried with <div> tags and it also didn't work..The only solution I found so far where the images load in the same "region", is to use the sequence tags, but the only problem with using the the seq tags, is I can't use transition effects (like the fade in i want to use).. or can I use the seq tags with transition effects? :goof: (not sure..)
I think it prolly is a simple thing to do, but for some reason (don't know why) I can't do it.
Any help is appreciated,
Thanks.
Here goes the code i'm using right now:
CODE
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#C0C0C0">
<table width="500" height="90" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="cima">
<tr>
<td valign="top">
<t:transitionfilter targetelement="banner"
type="fade"
begin="0s"
dur="10s" />
<img id="banner"
class="t"
src="dois.jpg"
dur="100s"
width="490" height="83" />
</td>
</tr>
</table>
<br><br>
<t:transitionfilter targetelement="one"
type="fade"
begin="5s" dur="3s" />
<img id="one" class="t" src="one.jpg" begin="5s" dur="15s"
width="450" height="445" />
<t:transitionfilter targetelement="band"
type="fade"
begin="15s" dur="5s" />
<img id="band" class="t" src="band.jpg" begin="15s" dur="10s"
width="450" height="445" />
</div>
<br>
</center>
</body>
</html>
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#C0C0C0">
<table width="500" height="90" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="cima">
<tr>
<td valign="top">
<t:transitionfilter targetelement="banner"
type="fade"
begin="0s"
dur="10s" />
<img id="banner"
class="t"
src="dois.jpg"
dur="100s"
width="490" height="83" />
</td>
</tr>
</table>
<br><br>
<t:transitionfilter targetelement="one"
type="fade"
begin="5s" dur="3s" />
<img id="one" class="t" src="one.jpg" begin="5s" dur="15s"
width="450" height="445" />
<t:transitionfilter targetelement="band"
type="fade"
begin="15s" dur="5s" />
<img id="band" class="t" src="band.jpg" begin="15s" dur="10s"
width="450" height="445" />
</div>
<br>
</center>
</body>
</html>
