[thelist] Slide show with html text

Jono Young Jono at brookgroup.com
Thu Oct 16 08:40:04 CDT 2003


This looks like what I was thinking, as it is pretty close to my original
slideshow with out the html text, I will try to copy and paste this and
apply it to the show to see how it works.

Thanks!

On 10/15/03 5:57 PM, "Javier Muniz" <jmuniz at granicus.com> wrote:

> Hi,
> 
> I just typed this in, didn't test it, could have typos or some simple logic
> errors, but I'm pretty sure it will get you where you want to be with a
> little bit of hacking around.  Won't make the page flicker, and it will
> rewrite the text as well as changing the slide.  Also supports html within
> the SlideText array, though there may be DOM implications since it uses
> innerHTML, nothing that should cause serious errors.
> 
> Cheers!
> 
> -Javier
> 
> <html>
> <head>
> <script language="JavaScript">
> var i = 0;
> var timerID = 0;
> var SlideImages = new array();
> SlideImages[0] = new Image(); SlideImages[0].src = "img/slide1.jpg";
> SlideImages[1] = new Image(); SlideImages[1].src = "img/slide2.jpg";
> SlideImages[2] = new Image(); SlideImages[2].src = "img/slide3.jpg";
> ...
> 
> var SlideText = new array();
> SlideText[0] = "Slide 1 text goes here";
> SlideText[1] = "Slide 2 text goes here";
> SlideText[2] = "You know what goes here";
> ...
> 
> function nextslide() {
> if(timerID) {
>   clearTimeout(timerID);
>   i++;
> }
> var slide = document.getElementById("slideimage");
> var text = document.getElementById("slidetext");
> slide.src = SlideImages[i].src;
> text.innerHTML = SlideText[i];
> timerID = setTimeout("nextslide()",9000)
> }
> </script>
> </head>
> <body onload="nextslide()">
> <table>
> <tr><td><img id="slideimage" src="spacer.gif"></td>
> <tr><td id="slidetext">&nbsp;</td></tr>
> </table>
> </body>
> </html>
> 
> -----Original Message-----
> From: Jono Young [mailto:Jono at brookgroup.com]
> Sent: Wednesday, October 15, 2003 11:31 AM
> To: thelist lists.evolt.org
> Subject: Re: [thelist] Slide show with html text
> 
> 
> I am leaning towards JS only b/c that is what I used to create other graphic
> only slideshows.  I figured it would be easier, but I am new to this so it
> is tough to make a decision on what direction to take.  I will give your
> suggestion a shot.
> 
> On 10/15/03 1:02 PM, "John C Bullas" <jcbullas at nildram.co.uk> wrote:
> 
>> At 16:34 15/10/2003, Jono Young wrote:
>>> Thanks you everyone for your input and suggestions thus far.  I am
>>> digging into the details of all past suggestions, and the answer is
>>> definitely getting closer.  I know there's a way to pull this off
>>> with
>> 
>> Why use J Script as you only have a few slides and metatag "redirect"
>> will work fine? FB
>> 
>>> Javascript...somebody must know.  Where are you....help!

-- 
Jono Young
Designer/Illustrator
Brook Group, LTD
8231 Main Street
Ellicott City, MD 21043
T: 410-465-7805 xt: 16
<http://www.brookgroup.com/>



More information about the thelist mailing list