Source of overLap.smil
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
<!-- adding transitions -->
<head>
<meta name = "title"
content = "Adding transitions" />
<layout>
<root-layout height = "300"
width = "400"
backgroundColor = "blue" />
<region id = "mainRgn"
left = "10%"
top = "5%"
height = "70%"
width = "80%"
backgroundColor = "black"
fit = "fill"/>
<region id = "textRgn"
left = "10%"
top = "80%"
height = "15%"
width = "80%"
backgroundColor = "green" />
</layout>
<!-- define transitions here -->
<transition id = "xfade"
type = "fade"
subtype = "crossfade" />
<transition id = "myWipe"
type = "barWipe"
subtype = "leftToRight" />
<transition id = "xWipe"
type = "miscDiagonalWipe"
subtype = "doubleBarnDoor"
dur = "2s"/>
<transition id = "heart"
type = "miscShapeWipe"
subtype = "heart" />
</head>
<!--
note everything is now in one parallel set
also note timing switched to 'begin - end' tags, and
there is some overlap.
-->
<body>
<par>
<img src = "govPal.jpg"
region = "mainRgn"
begin = "0s"
end = "6s"
/>
<text src = "data:text/plain,Govenors%20Palace"
region = "textRgn"
begin = "0s"
end = "5s" />
<img src = "1ball1_lg.jpg"
region = "mainRgn"
begin = "5s"
end = "11s"
transIn = "xfade" />
<text src = "data:text/plain,The%20Ballcourt"
region = "textRgn"
begin = "5s"
end = "10s" />
<img src = "1bearded1_lg.jpg"
region = "mainRgn"
begin = "10s"
end = "16s"
transIn = "myWipe" />
<text src = "data:text/plain,Temple%20of%20the%20bearded%20man"
region = "textRgn"
begin = "10s"
end = "15s" />
<img src = "1column1_lg.jpg"
region = "mainRgn"
begin = "15s"
end = "22s"
transIn = "heart"
transOut = "xWipe" />
<text src = "data:text/plain,Columns%20in%20the%20Nunnery"
region = "textRgn"
begin = "15s"
end = "20s" />
</par>
</body>
</smil>