External linking only?
"daad\@libero\.it" <[email protected]>
| Newsgroups | gmane.comp.web.smil |
|---|---|
| Message-ID | <[email protected]> |
Hello, i'm trying to do an interactive presentation with something like a menu and i wish to show the section elements according on what user choose from menu, and then have the chance to get back to menu. The question is: is it possible only creating external href to other smil files? I wanted to have a background soundtrack that keep playing wherever the user is, if i use external href i couldn't keep the soundtrack playing (or at least i have to restart it always). I tried to use one file to achieve what i need, without success. I put the menu elements into a <par> group and then i expect they stop when the <par> group end and they start again when the <par> is started again. But it acts weird: the following code hide the par1 elements and show section1 image, but when i click on section1 i would expect that par1 elements restarts as first time: they don't. Petal starts at the same time and after a little while every element of par1 disappear. Anybody can help me understanding how interactive presentations works? Any code example would be much appreciated, it's 3 days i'm googling around and couldn't find a decente interactive example. Thanks. <smil xmlns="http://www.w3.org/2001/SMIL20/Language"> <head> <meta name="title" content="test"/> <layout> <root-layout background-color="white" width="800" height="650"/> <region id="gong" title="gong_region" width="450" height="450" left="175" top="100" z-index="1"/> <region id="petals" title="petals" width="750" height="650" left="100" top="0" z-index="3"/> <region id="menu1" title="menu1" width="200" height="200" left="0" top="0" z-index="2"/> <region id="menu2" title="menu2" width="200" height="200" left="300" top="400" z-index="2"/> </layout> <transition id="fade_0" dur="1s" type="fade"/> <transition id="fade_1" dur="2s" type="fade"/> <transition id="fade_2" dur="3s" type="fade"/> </head> <body> <par> <!-- soundtrack --> <audio id="soundtrack" src="sounds/Micaco_Honya-Taneishinshin.mp3" begin="1s"/> <!-- menu --> <par id="par1" begin="soundtrack.begin;section1_image.activateEvent" end="menu1_image.activateEvent"> <!-- gong --> <img id="gong_small" src="images/gong_small.jpg" region="gong" transIn="fade_1" begin="1s" end="gong_small.activateEvent"/> <!-- menu1 --> <img id="menu1_image" src="images/test.jpg" region="menu1" transIn="fade_1" transOut="fade_1" begin="1s" end="menu1_image.activateEvent"/> <!-- petal 1 --> <img id="petal1" src="images/sakura1.gif" region="petals" begin="1s" end="menu1_image.activateEvent"> <animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/> <animate dur="2" attributeName="left" values="150;175;193;200;193;175;150;125;107;100;107;125;150" repeatDur="indefinite"/> </img> <!-- petal 2 --> <img id="petal2" src="images/sakura2.gif" region="petals" begin="3.2s" end="menu1_image.activateEvent"> <animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/> <animate dur="2" attributeName="left" values="350;375;393;400;393;375;350;325;307;300;307;325;350" repeatDur="indefinite"/> </img> <!-- petal 3 --> <img id="petal3" src="images/sakura1.gif" region="petals" begin="6.5s" end="menu1_image.activateEvent"> <animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/> <animate dur="2" attributeName="left" values="250;275;293;300;293;275;250;225;207;200;207;225;250" repeatDur="indefinite"/> </img> <!-- petal 4 --> <img id="petal4" src="images/sakura2.gif" region="petals" begin="8.7s" end="menu1_image.activateEvent"> <animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/> <animate dur="2" attributeName="left" values="50;75;93;100;93;75;50;25;7;0;7;25;50" repeatDur="indefinite"/> </img> <!-- petal 5 --> <img id="petal5" src="images/sakura2.gif" region="petals" begin="4.9s" end="menu1_image.activateEvent"> <animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/> <animate dur="2" attributeName="left" values="550;575;593;600;593;575;550;525;507;500;507;525;550" repeatDur="indefinite"/> </img> </par> <!-- section1 --> <par> <img id="section1_image" src="images/test.jpg" region="menu2" begin="menu1_image.activateEvent+1" end="section1_image.activateEvent"/> </par> </par> </body> </smil> ------------------------------------------------------ Leggi GRATIS le tue mail con il telefonino i-mode di Wind http://i-mode.wind.it/