[thelist] Slide show with html text

Wed Oct 15 08:51:53 CDT 2003

Thanks, I'll check em' out!

On 10/14/03 4:06 PM, "Javed Alam" <jalam at cc.ysu.edu> wrote:

> Jono
> 
> here are some tutorials for smil at real.com
> 
> 
> http://www.realnetworks.com/resources/samples/smil.html
> http://service.real.com/help/library/guides/realone/ProductionGuide/HTML/realp
> gd.htm?page=htmfiles/animate.htm%23221292
> 
> alam
> 
> Young wrote:
> 
>> Is SMIL compatible with NS 4.7 and IE 5 and up?  Were can I find more info
>> on SMIL?  What does SMIL stand for?  Any links for a How To Article?
>> 
>> Thanks,
>> 
>> On 10/12/03 4:31 PM, "Javed Alam" <jalam at cc.ysu.edu> wrote:
>> 
>>  
>> 
>>> Hi
>>> 
>>> If you are adventrous and you want to do a MS Powerpoint free slide show
>>> try
>>> 
>>> http://titanium.dstc.edu.au/xml/jacksvg/
>>> 
>>> You can also embed sound using the sound namespace from ADOBE. I did a
>>> presentation using this program with embedded sound created using a TTS.
>>> 
>>> A sample is at 
>>> 
>>>    
>>> 
>> http://www.eng.ysu.edu/~jalam/summer_institute_03/presentation/presentation.
>> sv> g
>>  
>> 
>>> To view it you will need IE with adobe svg plugin. Also advance first
>>> two slides with no sound and advance slides after end of each sound
>>> presentation associated with the slide.
>>> 
>>> regards J
>>> 
>>> 
>>> Raditha Dissanayake wrote:
>>> 
>>>    
>>> 
>>>> Hi,
>>>> 
>>>> May i point you towards SMIL? It's a w3 standard, it's designed for
>>>> slide shows. It's been sitting on the back burners for a while but
>>>> it's making a comeback. most notably on mobile phones where it's used
>>>> in MMS but it's origin is pretty much in the web.
>>>> 
>>>> 
>>>> 
>>>> Jono Young wrote:
>>>> 
>>>>      
>>>> 
>>>>> I need to make a slide show - containing 3 images with html text
>>>>> captions -
>>>>> with an image at the top, and a caption below each image.  I would
>>>>> like to
>>>>> pause the slide show for 9 seconds on each image and caption.  I know
>>>>> that
>>>>> Javascript is the way to go, I am just not sure how to pull it off.
>>>>> I have
>>>>> successfully created a similar slide show using a graphic for the
>>>>> caption
>>>>> using the code below:
>>>>> 
>>>>> 
>>>>> 
>>>>>        
>>>>> 
>>>>>> <script language="JavaScript" type="text/JavaScript">
>>>>>> 
>>>>>> var isNS = navigator.appName.indexOf("Netscape")  != -1
>>>>>> var isIE = navigator.appName.indexOf("Microsoft") != -1
>>>>>> function show() {
>>>>>> if (isNS) document.layers["d1"].visibility = "show";
>>>>>> if (isIE) document.all.d1.style.visibility = "visible";
>>>>>> }
>>>>>> function hide() {
>>>>>> if (isNS) document.layers["d1"].visibility = "hide";
>>>>>> if (isIE) document.all.d1.style.visibility = "hidden";
>>>>>> }
>>>>>> 
>>>>>> var image1=new Image(); image1.src="images/slide1.jpg";
>>>>>> var image2=new Image(); image2.src="images/slide2.jpg";
>>>>>> var image3=new Image(); image3.src="images/slide3.jpg";
>>>>>> var image4=new Image(); image4.src="images/slide4.jpg";
>>>>>> var text1=new Image(); text1.src="images/slide1aol_quote.gif";
>>>>>> var text2=new Image(); text2.src="images/slide2aol_quote.gif";
>>>>>> var text3=new Image(); text3.src="images/slide3aol_quote.gif";
>>>>>> var text4=new Image(); text4.src="images/slide4aol_quote.gif";
>>>>>> var step=1;
>>>>>> var slide=1;
>>>>>> var text=1;
>>>>>> 
>>>>>>               function slideit() {
>>>>>>   if (!document.images) {
>>>>>>       return;
>>>>>>   }
>>>>>>      document.images.slide.src=eval("image"+step+".src");
>>>>>>   document.images.text.src=eval("text"+step+".src");
>>>>>>      if (step<4) {
>>>>>>       step++;
>>>>>>   } else {
>>>>>>       step=1;
>>>>>>   }
>>>>>>   setTimeout("slideit()",5000)
>>>>>> }
>>>>>> 
>>>>>> 
>>>>>> </script>
>>>>>> 
>>>>>> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
>>>>>> onload="slideit();" background="images/bg_1.gif">
>>>>>> 
>>>>>>  
>>>>>>          
>>>>>> 
>>>>> Then, in the page¹s html code, I put name="slide" on the JPG slideshow
>>>>> image, and name="text" on the slideshow¹s GIF text image, and the images
>>>>> rotated.  Can I do something similar to this, but use html text
>>>>> instead of a
>>>>> GIF for the slideshow¹s caption?  Hopefully I am being clear enough
>>>>> here, I
>>>>> an pretty new to this.  Thanks in advance!
>>>>> 
>>>>> 
>>>>> 
>>>>>        
>>>>> 
>>>>      
>>>> 
>> 
>>  
>> 
> 

-- 
Jono Young
Designer/Illustrator