Jump to content
xisto Community
Sign in to follow this  
Followers 0
ket

Simple Smil Question About Image Positioning

By ket, in Programming

Recommended Posts

ket    0

ket
Posted

Howdy all,

 

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://forums.xisto.com/no_longer_exists/ (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 :rolleyes: ), 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:

 

 

<html xmlns:t="urn:schemas-microsoft-com:time">[br]<head>[/br]<?import namespace="t" implementation="#default#time2">[br]<style>.t {behavior: url(#default#time2)}</style>[br][/br]  <link href="default.css" rel="stylesheet" type="text/css">[/br]</head>[br][/br]<body bgcolor="#C0C0C0">[br][/br]	[br]<table width="500" height="90" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="cima">[/br]  <tr>[br]    <td valign="top">	[/br]	[br]<t:transitionfilter targetelement="banner"[/br]type="fade"[br]begin="0s" [/br]dur="10s" />[br][/br]<img id="banner"[br]class="t" [/br]src="dois.jpg"[br]dur="100s"[/br]width="490" height="83" />[br][/br]</td>[br]  </tr>[/br]</table>	[br][/br][br]<br><br>[br][/br][/br]<t:transitionfilter targetelement="one"[br]type="fade" [/br]begin="5s" dur="3s" />[br][/br]<img id="one" class="t" src="one.jpg" begin="5s" dur="15s"[br]width="450" height="445" />[br][/br][br][/br][/br]<t:transitionfilter targetelement="band"[br]type="fade" [/br]begin="15s" dur="5s" />[br][/br]<img id="band" class="t" src="band.jpg" begin="15s" dur="10s"[br]width="450" height="445" />[/br]</div>[br][/br]<br>[br][/br][br]</center>[/br]</body></html>

Share this post

Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept