[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"> </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